@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
1,153 lines (1,152 loc) • 38.8 kB
JavaScript
import { ref as $, computed as D, defineComponent as ce, watch as ue, onMounted as fe, watchEffect as de, createVNode as S, Teleport as me, Transition as _, withModifiers as I, Fragment as pe } from "vue";
import ve from "../response-toolbar/index.esm.js";
import { getCustomStyle as be, getMaxZIndex as ge, withInstall as ye } from "../common/index.esm.js";
import { resolveAppearance as Te } from "../dynamic-resolver/index.esm.js";
import { isPlainObject as W, cloneDeep as G } from "lodash-es";
import { LocaleService as Z } from "../locale/index.esm.js";
const we = /* @__PURE__ */ new Map([
["appearance", Te]
]), Ce = "https://json-schema.org/draft/2020-12/schema", Se = "https://farris-design.gitee.io/drawer.schema.json", he = "drawer", ke = "A Farris Component", Fe = "object", xe = {
id: {
description: "The unique identifier for drawer",
type: "string"
},
type: {
description: "The type string of drawer",
type: "string",
default: "drawer"
},
appearance: {
description: "",
type: "object",
properties: {
class: {
type: "string"
},
style: {
type: "string"
}
},
default: {}
},
visible: {
description: "",
type: "boolean",
default: !0
},
title: {
description: "",
type: "string",
default: "详情"
},
position: {
description: "",
type: "string",
default: "right"
},
width: {
description: "",
type: "number",
default: 500
},
showMask: {
description: "",
type: "boolean",
default: !0
},
showHeader: {
description: "",
type: "boolean",
default: !0
},
showClose: {
description: "",
type: "boolean",
default: !0
},
customHeader: {
description: "",
type: "boolean",
default: !1
},
headerTemplate: {
description: "",
type: "object"
},
headerToolbar: {
description: "",
type: "object",
properties: {
appearance: {
description: "",
type: "object",
properties: {
class: {
type: "string",
default: ""
}
}
},
id: {
description: "",
type: "string"
},
type: {
description: "",
type: "string",
default: "drawer-toolbar"
},
alignment: {
description: "The alignment of Response Toolbar Button.",
type: "string",
default: "right"
},
buttons: {
description: "The items of Response Toolbar.",
type: "array",
default: []
}
}
},
showFooter: {
description: "",
type: "boolean",
default: !0
},
showEntry: {
description: "",
type: "boolean",
default: !1
},
footerToolbar: {
description: "",
type: "object",
properties: {
appearance: {
description: "",
type: "object",
properties: {
class: {
type: "string",
default: ""
}
}
},
id: {
description: "",
type: "string"
},
type: {
description: "",
type: "string",
default: "drawer-toolbar"
},
alignment: {
description: "The alignment of Response Toolbar Button.",
type: "string",
default: "right"
},
buttons: {
description: "The items of Response Toolbar.",
type: "array",
default: []
}
}
},
contents: {
description: "",
type: "array",
default: []
},
footerTemplate: {
description: "",
type: "object"
},
footerContentType: {
description: "",
type: "string",
default: "toolbar"
},
footerHeight: {
description: "",
type: "number",
default: 60
},
allowClickMaskToClose: {
description: "",
type: "boolean",
default: !0
},
transparent: {
description: "遮罩层是否透明",
type: "boolean",
default: !1
},
host: {
description: "",
type: "string"
}
}, Oe = [
"id",
"type",
"contents"
], Pe = {
beforeClose: "关闭前事件"
}, je = {
$schema: Ce,
$id: Se,
title: he,
description: ke,
type: Fe,
properties: xe,
required: Oe,
events: Pe
};
function Ee(e, t, n) {
return Object.assign(t, {
title: "标题",
headerToolbar: {
id: t.id + "_header_toolbar",
type: "drawer-toolbar",
buttons: []
},
footerToolbar: {
id: t.id + "_footer_toolbar",
type: "drawer-toolbar",
buttons: []
}
}), t;
}
function J(e, t) {
let n;
function r(a) {
const { properties: c, title: p, ignore: o } = a, i = o && Array.isArray(o), u = Object.keys(c).reduce((v, y) => ((!i || !o.find((h) => h === y)) && (v[y] = c[y].type === "object" && c[y].properties ? r(c[y]) : G(c[y].default)), v), {});
if (p && (!i || !o.find((v) => v === "id"))) {
const v = p.toLowerCase().replace(/-/g, "_");
u.id = `${v}_${Math.random().toString().slice(2, 6)}`;
}
return u;
}
function f(a) {
const { properties: c, title: p, required: o } = a;
if (o && Array.isArray(o)) {
const i = o.reduce((u, v) => (u[v] = c[v].type === "object" && c[v].properties ? r(c[v]) : G(c[v].default), u), {});
if (p && o.find((u) => u === "id")) {
const u = p.toLowerCase().replace(/-/g, "_");
i.id = `${u}_${Math.random().toString().slice(2, 6)}`;
}
return i;
}
return {
type: p
};
}
function g(a, c = {}, p) {
const o = e[a];
if (o) {
let i = f(o);
const u = t[a];
return i = u ? u({ getSchemaByType: g }, i, c, p) : i, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(i), i;
}
return null;
}
function T(a, c) {
const p = r(c);
return Object.keys(p).reduce((o, i) => (Object.prototype.hasOwnProperty.call(a, i) && (o[i] && W(o[i]) && W(a[i] || !a[i]) ? Object.assign(o[i], a[i] || {}) : o[i] = a[i]), o), p), p;
}
function k(a, c) {
return Object.keys(a).filter((o) => a[o] != null).reduce((o, i) => {
if (c.has(i)) {
const u = c.get(i);
if (typeof u == "string")
o[u] = a[i];
else {
const v = u(i, a[i], a);
Object.assign(o, v);
}
} else
o[i] = a[i];
return o;
}, {});
}
function F(a, c, p = /* @__PURE__ */ new Map()) {
const o = T(a, c);
return k(o, p);
}
function m(a) {
var p;
const c = a.type;
if (c) {
const o = e[c];
if (!o)
return a;
const i = T(a, o), u = ((p = a.editor) == null ? void 0 : p.type) || "";
if (u) {
const v = e[u], y = T(a.editor, v);
i.editor = y;
}
return i;
}
return a;
}
function b(a) {
n = a;
}
return { getSchemaByType: g, resolveSchemaWithDefaultValue: m, resolveSchemaToProps: F, mappingSchemaToProps: k, setDesignerContext: b };
}
const Q = {}, U = {}, { resolveSchemaWithDefaultValue: Me, resolveSchemaToProps: Ne, mappingSchemaToProps: De } = J(Q, U);
function Re(e = {}) {
function t(m, b, a, c) {
if (typeof a == "number")
return c[m].length === a;
if (typeof a == "object") {
const p = Object.keys(a)[0], o = a[p];
if (p === "not")
return Number(c[m].length) !== Number(o);
if (p === "moreThan")
return Number(c[m].length) >= Number(o);
if (p === "lessThan")
return Number(c[m].length) <= Number(o);
}
return !1;
}
function n(m, b, a, c) {
return c[m] && c[m].propertyValue && String(c[m].propertyValue.value) === String(a);
}
const r = /* @__PURE__ */ new Map([
["length", t],
["getProperty", n]
]);
Object.keys(e).reduce((m, b) => (m.set(b, e[b]), m), r);
function f(m, b) {
const a = m;
return typeof b == "number" ? [{ target: a, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: a, operator: "getProperty", param: m, value: !!b }] : typeof b == "object" ? Object.keys(b).map((c) => {
if (c === "length")
return { target: a, operator: "length", param: null, value: b[c] };
const p = c, o = b[c];
return { target: a, operator: "getProperty", param: p, value: o };
}) : [];
}
function g(m) {
return Object.keys(m).reduce((a, c) => {
const p = f(c, m[c]);
return a.push(...p), a;
}, []);
}
function T(m, b) {
if (r.has(m.operator)) {
const a = r.get(m.operator);
return a && a(m.target, m.param, m.value, b) || !1;
}
return !1;
}
function k(m, b) {
return g(m).reduce((p, o) => p && T(o, b), !0);
}
function F(m, b) {
const a = Object.keys(m), c = a.includes("allOf"), p = a.includes("anyOf"), o = c || p, v = (o ? m[o ? c ? "allOf" : "anyOf" : "allOf"] : [m]).map((h) => k(h, b));
return c ? !v.includes(!1) : v.includes(!0);
}
return { parseValueSchema: F };
}
const $e = {
convertTo: (e, t, n, r) => {
e.appearance || (e.appearance = {}), e.appearance[t] = n;
},
convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
}, Be = {
convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
}, ze = {
convertTo: (e, t, n, r) => {
e.editor && (e.editor[t] = n);
},
convertFrom: (e, t, n) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
}, Le = {
button: { type: "button", name: "按钮" },
"response-toolbar": { type: "response-toolbar", name: "工具栏" },
"response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
"content-container": { type: "content-container", name: "容器" },
table: { type: "table", name: "表格布局" },
"table-td": { type: "table-td", name: "单元格" },
"input-group": { type: "input-group", name: "文本" },
textarea: { type: "textarea", name: "多行文本" },
lookup: { type: "lookup", name: "帮助" },
"number-spinner": { type: "number-spinner", name: "数值" },
"date-picker": { type: "date-picker", name: "日期" },
switch: { type: "switch", name: "开关" },
"radio-group": { type: "radio-group", name: "单选组" },
"check-box": { type: "check-box", name: "复选框" },
"check-group": { type: "check-group", name: "复选框组" },
"combo-list": { type: "combo-list", name: "下拉列表" },
"response-form": { type: "response-form", name: "卡片面板" },
"response-layout": { type: "response-layout", name: "布局容器", icon: "response-layout-3" },
"response-layout-item": { type: "response-layout-item", name: "布局", icon: "response-layout-1" },
"tree-grid": { type: "tree-grid", name: "树表格" },
"tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
"data-grid": { type: "data-grid", name: "表格" },
"data-grid-column": { type: "data-grid-column", name: "表格列" },
module: { type: "Module", name: "模块" },
component: { type: "component", name: "组件" },
tabs: { type: "tabs", name: "标签页" },
"tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
"tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮" },
"drawer-toolbar-item": { type: "drawer-toolbar-item", name: "抽屉工具栏按钮" },
"html-template": { type: "html-template", name: "模板容器" },
"time-picker": { type: "time-picker", name: "时间选择" },
section: { type: "section", name: "分组面板" },
"section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
"section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
splitter: { type: "splitter", name: "分栏面板" },
"splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
"component-ref": { type: "component-ref", name: "组件引用节点" },
uploader: { type: "uploader", name: "附件上传" },
"page-header": { type: "page-header", name: "页头" },
"page-footer": { type: "page-footer", name: "页脚" },
"tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏" },
"drawer-toolbar": { type: "drawer-toolbar", name: "抽屉工具栏" },
fieldset: { type: "fieldset", name: "分组" },
"query-solution": { type: "query-solution", name: "筛选方案" },
drawer: { type: "drawer", name: "抽屉" },
"external-container": { type: "external-container", name: "外部容器", icon: "content-container" },
"list-nav": { type: "list-nav", name: "列表导航" },
nav: { type: "nav", name: "标签类导航" },
"list-view": { type: "list-view", name: "列表" },
"filter-bar": { type: "filter-bar", name: "筛选条" },
"language-textbox": { type: "language-textbox", name: "多语输入框" },
image: { type: "image", name: "图像" },
avatar: { type: "avatar", name: "头像" },
"discussion-editor": { type: "discussion-editor", name: "评论编辑区" },
"discussion-list": { type: "discussion-list", name: "评论列表" },
comment: { type: "comment", name: "评论区" },
"approval-logs": { type: "approval-logs", name: "审批记录" },
"rich-text-editor": { type: "rich-text-editor", name: "富文本", icon: "rich-text-box" },
calendar: { type: "calendar", name: "日历", icon: "date-picker" },
wizard: { type: "wizard", name: "向导", icon: "wizard" },
"wizard-page": { type: "wizard-page", name: "向导页", icon: "wizard" },
"wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
step: { type: "step", name: "步骤条", icon: "step" },
"dynamic-form": { type: "dynamic-form", name: "动态表单" }
}, He = {
convertFrom: (e, t, n) => {
var f;
const r = e.editor && e.editor[t] ? e.editor[t] : e[t];
return ((f = Le[r]) == null ? void 0 : f.name) || r;
}
}, qe = {
convertTo: (e, t, n, r) => {
e[t] = e[t];
},
convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
}, Ae = {
convertTo: (e, t, n, r) => {
(e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = n : e.formatter = {
[t]: n
});
},
convertFrom: (e, t, n) => {
if (e.formatter) {
if (t === "trueText")
return e.formatter.trueText;
if (t === "falseText")
return e.formatter.falseText;
if (t === "prefix")
return e.formatter.prefix;
if (t === "suffix")
return e.formatter.suffix;
if (t === "precision")
return e.formatter.precision;
if (t === "decimal")
return e.formatter.decimal;
if (t === "thousand")
return e.formatter.thousand;
if (t === "dateFormat")
return e.formatter.dateFormat || "yyyy-MM-dd";
if (t === "customFormat")
return e.formatter.customFormat;
if (t === "type")
return e.formatter.type || "none";
}
return "none";
}
}, _e = {
convertTo: (e, t, n, r) => {
e.command ? e.command[t] = n : e.command = {
[t]: n
}, t === "enableType" && n === "default" && (e.command.enable = !0, e.command.formatter = "", e.command.commands = [
{
text: "编辑",
type: "primary",
command: "edit"
},
{
text: "删除",
type: "danger",
command: "remove"
}
]), t === "enableType" && n === "custom" && (e.command.enable = !0, e.command.commands = [
{
value: "add",
text: "增加",
type: "link"
},
{
value: "edit",
text: "编辑",
type: "link"
},
{
value: "remove",
text: "删除",
type: "link"
}
]), t === "enableType" && n === "unable" && (e.command.enable = !1, e.command.formatter = "");
},
convertFrom: (e, t, n) => {
var r, f;
if (e.command) {
if (t === "enableType") {
if (e.command.enableType)
return e.command.enableType;
const g = (f = (r = e.command) == null ? void 0 : r.commands) == null ? void 0 : f.find((T) => T.command === "edit" && T.type === "primary");
return e.command.enable ? g ? "default" : "custom" : "unable";
}
if (t === "commands")
return e.command.enableType === "custom" ? e.command.commands : [];
if (t === "formatter")
return e.command.formatter;
if (t === "count")
return e.command.count;
if (t === "columnWidth")
return e.command.columnWidth || 200;
}
return "";
}
}, Ie = {
convertTo: (e, t, n, r) => {
if (e.column || (e.column = {}), t === "fitMode") {
n && n !== "none" ? (e.column.fitColumns = !0, e.column.fitMode = n) : (e.column.fitColumns = !1, e.column.fitMode = "average");
return;
}
if (t === "fitColumns") {
e.column.fitColumns = n, n && !e.column.fitMode && (e.column.fitMode = "average");
return;
}
e.column[t] = n;
},
convertFrom: (e, t, n) => {
if (e.column) {
if (t === "fitMode")
return e.column.fitColumns ? e.column.fitMode || "average" : "none";
if (t === "fitColumns")
return e.column.fitColumns;
}
return t === "fitMode" ? "none" : "";
}
}, We = {
convertTo: (e, t, n, r) => {
e.summary ? e.summary[t] = n : e.summary = {
[t]: n
}, t === "enable" && n && (e.summary ? e.summary.groupFields || (e.summary.groupFields = []) : e.summary = {
enable: n,
groupFields: []
});
},
convertFrom: (e, t, n) => {
var r, f;
return t === "customSummaryStyle" ? e.summary.customSummaryStyle : t === "position" ? ((r = e.summary) == null ? void 0 : r[t]) || "bottom" : t === "customRender" ? ((f = e.summary) == null ? void 0 : f[t]) || "" : e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : "";
}
}, Ge = {
convertTo: (e, t, n, r) => {
e.group ? e.group[t] = n : e.group = {
[t]: n
}, t === "enable" && n && (e.group ? e.group.groupFields || (e.group.groupFields = []) : e.group = {
enable: n,
groupFields: [],
showSummary: !1,
customRender: ""
});
},
convertFrom: (e, t, n) => {
if (e.group) {
if (t === "enable")
return e.group.enable;
if (t === "showSummary")
return e.group.showSummary;
if (t === "customRender")
return e.group.customRender;
if (t === "groupFields")
return e.group.groupFields;
}
}
}, Ze = {
convertFrom: (e, t) => e.binding ? e.binding.path : "",
convertTo: (e, t, n) => {
if (n && n.length > 0) {
const r = n[0];
e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = r.bindingField, e.binding.field = r.id, e.binding.fullPath = r.path, e.path = r.bindingPath;
}
}
}, Je = {
convertTo: (e, t, n, r) => {
if (e.pagination || (e.pagination = {}), t === "sizeLimits")
if (n == null)
delete e.pagination.sizeLimits;
else {
const f = [...new Set(
String(n).split(",").map((g) => g.trim()).filter((g) => g !== "").map((g) => parseInt(g, 10)).filter((g) => !Number.isNaN(g) && g > 0)
)];
f.length > 0 ? e.pagination.sizeLimits = f : delete e.pagination.sizeLimits;
}
else
e.pagination[t] = n;
},
convertFrom: (e, t, n) => {
var r;
return e.pagination ? t === "sizeLimits" ? ((r = e.pagination.sizeLimits) == null ? void 0 : r.join(",")) ?? "" : e.pagination[t] : e[t];
}
}, Qe = {
convertTo: (e, t, n, r) => {
e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
},
convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
}, Ue = {
convertTo: (e, t, n, r) => {
e.selection || (e.selection = {}), e.selection[t] = n;
},
convertFrom: (e, t, n) => {
if (!e.selection)
return !!e[t];
const r = !!e.selection[t];
return t === "showCheckbox" && r == null && e.selection.multiSelect === !0 ? !0 : r;
}
}, Xe = {
convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
}, Ye = {
convertFrom: (e, t) => e[t] || "",
convertTo: (e, t, n) => {
e[t] = n;
}
}, Ve = {
convertTo: (e, t, n, r) => {
e.size || (e.size = {}), e.size[t] = n;
},
convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
}, Ke = {
convertFrom: (e, t, n) => {
var r, f;
return (r = e.formatter) != null && r.data && t === "formatterEnumData" && !e.formatterEnumData ? (f = e.formatter) == null ? void 0 : f.data : e.formatterEnumData;
}
}, et = {
convertTo: (e, t, n, r) => {
e.sort || (e.sort = {}), e.sort[t] = n;
},
convertFrom: (e, t, n) => {
var r, f;
if (t === "mode")
return ((r = e.sort) == null ? void 0 : r.mode) || "client";
if (t === "multiSort")
return !!((f = e.sort) != null && f.multiSort);
}
}, tt = {
convertTo: (e, t, n, r) => {
e.filter || (e.filter = {}), e.filter[t] = n, t === "enable" && (e.enableFilter = !1);
},
convertFrom: (e, t, n) => {
var r, f, g, T;
return t === "mode" ? ((r = e.filter) == null ? void 0 : r.mode) || "server" : t === "filterStyle" ? ((f = e.filter) == null ? void 0 : f.filterStyle) || "filter-column" : t === "enable" ? ((g = e.filter) == null ? void 0 : g.enable) !== void 0 ? !!e.filter.enable : !!e.enableFilter : ((T = e.filter) == null ? void 0 : T[t]) || void 0;
}
}, nt = {
convertTo: (e, t, n, r) => {
e.rowOption ? e.rowOption[t] = n : e.rowOption = {
[t]: n
};
},
convertFrom: (e, t, n) => {
if (e.rowOption) {
if (t === "customRowStyle")
return e.rowOption.customRowStyle;
if (t === "customCellStyle")
return e.rowOption.customCellStyle;
if (t === "height")
return e.rowOption.height;
}
return "";
}
}, rt = {
convertTo: (e, t, n, r) => {
(e.type === "data-grid-column" || e.type === "tree-grid-column") && (e[t] = n, t === "columnTemplateType" && n === "hyperlink" && (e.onClickLinkCommand ? e.columnTemplate = `
<span class="f-pretend-link f-cursor-pointer"
@click="(ctx)=>viewModel.current.${e.onClickLinkCommand || ""}({id: rowData.id,context: ctx})">
{{rowData.${e.field}}}
</span>` : e.columnTemplate = `
<span class="f-pretend-link f-cursor-pointer">
{{rowData.${e.field}}}
</span>`), t === "columnTemplateType" && n === "default" && (e.columnTemplate = ""), t === "columnTemplateType" && n === "custom" && (e.columnTemplate = ""));
},
convertFrom: (e, t, n) => t === "columnTemplate" ? e.columnTemplate : t === "columnTemplateType" ? e.columnTemplateType ? e.columnTemplateType || "default" : e.columnTemplate && !e.onClickLinkCommand ? "custom" : e.columnTemplate && e.onClickLinkCommand ? "hyperlink" : "default" : ""
}, ot = {
convertTo: (e, t, n, r) => {
e.hierarchy || (e.hierarchy = {
cascadeOption: {}
}), e.hierarchy.cascadeOption || (e.hierarchy.cascadeOption = {}), e.hierarchy.cascadeOption[t] = n;
},
convertFrom: (e, t, n) => {
var r, f;
return !!((f = (r = e.hierarchy) == null ? void 0 : r.cascadeOption) != null && f[t]);
}
};
function X(e, t, n) {
const r = /* @__PURE__ */ new Map([
["/converter/appearance.converter", $e],
["/converter/buttons.converter", Be],
["/converter/property-editor.converter", ze],
["/converter/items-count.converter", Xe],
["/converter/type.converter", He],
["/converter/change-editor.converter", qe],
["/converter/change-formatter.converter", Ae],
["/converter/column-command.converter", _e],
["/converter/column-option.converter", Ie],
["/converter/summary.converter", We],
["/converter/group.converter", Ge],
["/converter/form-group-label.converter", Ye],
["/converter/field-selector.converter", Ze],
["/converter/pagination.converter", Je],
["/converter/row-number.converter", Qe],
["/converter/grid-selection.converter", Ue],
["/converter/size.converter", Ve],
["/converter/change-formatter-enum.converter", Ke],
["/converter/grid-sort.converter", et],
["/converter/grid-filter.converter", tt],
["/converter/row-option.converter", nt],
["/converter/change-formatter-type.converter", rt],
["/converter/tree-auto-check.converter", ot]
]), f = /* @__PURE__ */ new Map([
["string", { type: "input-group", enableClear: !1 }],
["boolean", {
type: "combo-list",
textField: "name",
valueField: "value",
idField: "value",
enableClear: !1,
editable: !1,
data: [
{
value: !0,
name: "是"
},
{
value: !1,
name: "否"
}
]
}],
["enum", { type: "combo-list", maxHeight: 128, enableClear: !1, editable: !1 }],
["array", { type: "button-edit" }],
["number", { type: "number-spinner", placeholder: "" }],
["events-editor", { type: "events-editor", hide: !0 }],
["multiLanguage", { type: "language-textbox" }]
]), g = Re();
function T(o, i) {
return () => g.parseValueSchema(o, i);
}
function k(o, i, u) {
return o.includes("visible") && i.visible !== void 0 ? typeof i.visible == "boolean" ? () => !!i.visible : i.visible === void 0 ? !0 : T(i.visible, u) : () => !0;
}
function F(o, i, u) {
return o.includes("readonly") && i.readonly !== void 0 ? typeof i.readonly == "boolean" ? () => !!i.readonly : T(i.readonly, u) : () => !1;
}
function m(o, i) {
const u = o.$converter || i;
return typeof u == "string" && u && r.has(u) ? r.get(u) || null : u || null;
}
function b(o, i, u, v, y, h = "", O = "") {
return Object.keys(o).map((w) => {
const P = $(1), s = w, l = o[w], d = Object.keys(l), E = l.title, C = l.type, R = f.get(C) || { type: "input-group", enableClear: !1 }, j = l.editor ? Object.assign({}, R, l.editor) : Object.assign({}, R), L = k(d, l, i), B = F(d, l, i);
j.readonly = j.readonly === void 0 ? B() : j.readonly;
const H = l.type === "cascade" ? b(l.properties, i, u, v, y, h, O) : [], q = !0;
let M = m(l, O);
const oe = D({
get() {
if (P.value) {
if (["class", "style"].find((z) => z === s) && !M && (M = r.get("/converter/appearance.converter") || null), M && M.convertFrom) {
const z = M.convertFrom(u, w, y, h);
return z === void 0 && Object.prototype.hasOwnProperty.call(l, "defaultValue") ? l.type === "boolean" ? l.defaultValue : l.defaultValue || "" : z;
}
const N = u[w];
return Object.prototype.hasOwnProperty.call(l, "defaultValue") && (N === void 0 || typeof N == "string" && N === "") ? l.type === "boolean" ? l.defaultValue : l.defaultValue || "" : N;
}
return null;
},
set(N) {
P.value += 1, M && M.convertTo ? (M.convertTo(v, w, N, y, h), M.convertTo(u, w, N, y, h)) : (v[w] = N, u[w] = N);
}
}), { refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se } = l, A = { propertyID: s, propertyName: E, propertyType: C, propertyValue: oe, editor: j, visible: L, readonly: B, cascadeConfig: H, hideCascadeTitle: q, refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se };
return i[s] = A, A;
});
}
function a(o, i, u = {}) {
const v = {}, y = e[o];
return y && y.categories ? Object.keys(y.categories).map((O) => {
const x = y.categories[O], w = x == null ? void 0 : x.title, P = b(x.properties || {}, v, {}, u, i);
return { categoryId: O, categoryName: w, properties: P };
}) : [];
}
function c(o, i, u, v, y = "") {
const h = i.$ref.schema, O = i.$ref.converter, x = u[h], w = x.type, P = n(x), s = {}, l = e[w];
if (l && l.categories) {
const d = l.categories[o], E = d == null ? void 0 : d.title;
O && Object.keys(d.properties).forEach((j) => {
d.properties[j].$converter = O;
});
const C = (d == null ? void 0 : d.properties) || {}, R = b(C, s, P, x, v, y);
return { categoryId: o, categoryName: E, properties: R };
}
return { categoryId: o, categoryName: "", properties: [] };
}
function p(o, i, u, v, y) {
const h = o.type, O = n(o), x = {};
let w = y || e[h];
if (!(w && Object.keys(w).length > 0) && u && u.getPropConfig && (w = u.getPropConfig(v)), w && w.categories) {
const s = [];
return Object.keys(w.categories).map((l) => {
const d = w.categories[l];
if (d.$ref) {
s.push(c(l, d, o, i, v));
return;
}
const E = d == null ? void 0 : d.title, C = d == null ? void 0 : d.tabId, R = d == null ? void 0 : d.tabName, j = d == null ? void 0 : d.hide, L = d == null ? void 0 : d.hideTitle, B = b(d.properties || {}, x, O, o, i, v, d.$converter), { setPropertyRelates: H } = d, q = d == null ? void 0 : d.parentPropertyID;
s.push({ categoryId: l, categoryName: E, tabId: C, tabName: R, hide: j, properties: B, hideTitle: L, setPropertyRelates: H, parentPropertyID: q });
}), s;
}
return [];
}
return {
getPropertyConfigBySchema: p,
getPropertyConfigByType: a,
propertyConverterMap: r
};
}
const Y = {}, V = {};
X(Y, V, Me);
const K = {}, ee = {}, { resolveSchemaWithDefaultValue: it } = J(K, ee), te = {}, ne = {};
X(te, ne, it);
function at(e, t, n = /* @__PURE__ */ new Map(), r = (T, k, F, m) => k, f = {}, g = (T) => T) {
return Q[t.title] = t, U[t.title] = r, Y[t.title] = f, V[t.title] = g, K[t.title] = t, ee[t.title] = r, te[t.title] = f, ne[t.title] = g, (T = {}, k = !0) => {
if (!k)
return De(T, n);
const F = Ne(T, t, n), m = Object.keys(e).reduce((b, a) => (b[a] = e[a].default, b), {});
return Object.assign(m, F);
};
}
function lt(e, t) {
if (!e || e.length < 1)
return null;
for (const n of e) {
if (n.id === t)
return n;
if (n.children) {
const r = n.children.find((f) => f.id === t);
if (r)
return r;
}
}
return null;
}
function st() {
function e(t, n) {
const { footerToolbar: r, headerToolbar: f } = t, g = ((r == null ? void 0 : r.buttons) || []).concat((f == null ? void 0 : f.buttons) || []);
if (!g || g.length < 1)
return null;
const [T, k] = n.payloads, F = lt(g, k);
return F ? F.onClick || F.click : null;
}
return {
resolve: e
};
}
const re = {
id: { type: String, required: !0 },
/**
* 背景色
*/
backgroundColor: { type: String, default: "#fff" },
/**
* 关闭对话框前事件， 是个函数，返回true或者false
*/
beforeClose: { type: Function, default: () => !0 },
/**
* 自定义抽屉样式
* @deprecated 请使用 customClass
*/
class: { type: String, default: "" },
/**
* 自定义抽屉蒙层样式
*/
modalClass: { type: String, default: "" },
/**
* 高度
*/
height: { type: String, default: 300 },
/**
* 打开关闭抽屉
*/
modelValue: { type: Boolean, default: !1 },
/**
* 从哪个位置呼出
*/
position: { type: String, default: "right" },
/**
* 抽屉插入位置
*/
appendTo: { type: String, default: "body" },
/**
* 是否展示打开抽屉入口
*/
showEntry: { type: Boolean, default: !1 },
/**
* 是否展示关闭按钮
*/
showClose: { type: Boolean, default: !0 },
/**
* 是否展示遮罩层
*/
showMask: { type: Boolean, default: !0 },
/**
* 点击遮罩是否关闭抽屉
*/
allowClickMaskToClose: { type: Boolean, default: !0 },
/**
* 抽屉是否透明
*/
transparent: { type: Boolean, default: !1 },
/**
* 标题
*/
title: { type: String, default: "" },
/**
* 宽度
*/
width: { type: String, default: 300 },
/**
* 渲染的DOM容器
*/
host: { type: [Object, String], default: "body" },
showHeader: { type: Boolean, default: !0 },
headerToolbar: { type: Object, default: {} },
headerTemplate: { type: Object, default: null },
showFooter: { type: Boolean, default: !0 },
footerTemplate: { type: Object, default: null },
footerToolbar: { type: Object, default: {} },
footerHeight: { type: Number, default: 60 },
buttons: { type: Array, default: [] },
customClass: { type: String, default: "" },
customStyle: { type: String, default: "" }
}, gt = at(re, je, we, Ee), yt = st();
function ct() {
return { drawerLocale: {
cancel: Z.getLocaleValue("drawer.cancel") || "取消",
confirm: Z.getLocaleValue("drawer.confirm") || "确定"
} };
}
const ut = /* @__PURE__ */ ce({
name: "FDrawer",
props: re,
emits: ["afterClose", "update:modelValue", "click"],
setup(e, t) {
ct();
const n = $(e.modelValue), r = $(e.buttons), f = $(!1), g = D(() => ({
"f-utils-absolute-all f-drawer": !0,
// 在某个DOM内部打开抽屉
"f-drawer-inline": typeof e.host == "string" ? e.host !== "body" : document.querySelector(e.host) !== document.body
})), T = D(() => ({
opacity: e.transparent ? 0 : 1
})), k = D(() => {
const s = {};
return e.maskClass && e.maskClass.split(" ").forEach((l) => {
s[l] = !0;
}), {
"f-drawer-mask f-utils-absolute-all": !0,
...s
};
}), F = D(() => {
const s = {};
return e.customClass && e.customClass.split(" ").forEach((l) => {
s[l] = !0;
}), {
"f-drawer-wrapper": !0,
[`f-drawer-wrapper-${e.position}`]: !0,
...s
};
}), m = D(() => {
const s = e.width;
return typeof s == "string" ? s : typeof s == "number" ? `${s}px` : "20%";
}), b = D(() => {
const s = e.height;
return typeof s == "string" ? s : typeof s == "number" ? `${s}px` : "20%";
}), a = D(() => {
let s = "-6px 0";
switch (e.position) {
case "left":
s = "6px 0";
break;
case "right":
s = "-6px 0";
break;
case "top":
s = "0 6px";
break;
case "bottom":
s = "0 -6px";
break;
}
const l = {
width: m.value,
height: b.value,
backgroundColor: e.backgroundColor,
maxWidth: "100%"
};
return e.transparent && (l.boxShadow = `${s} 8px 0 rgba(31, 35, 41, .1)`), be(l, e == null ? void 0 : e.customStyle);
}), c = D(() => `f-drawer-${e.position}`), p = (s) => {
Promise.resolve().then(() => {
var l;
return (l = e.beforeClose) == null ? void 0 : l.call(e);
}).then((l) => {
l && (n.value = !1, t.emit("update:modelValue", n.value), t.emit("afterClose"));
});
};
ue(() => e.modelValue, (s, l) => {
s !== l && (n.value = s);
});
const o = (s, l) => {
t.emit("click", s, l);
}, i = {
close: () => {
n.value = !1;
}
};
async function u(s, l) {
s.handle && await s.handle(l, i) && t.emit("closed", l);
}
const v = (s, l) => S(ve, {
class: l,
alignment: "right",
items: s,
onClick: o
}, null);
function y() {
var s, l, d, E;
if ((l = (s = e.footerToolbar) == null ? void 0 : s.buttons) != null && l.length && (e.footerToolbar.visible === void 0 || e.footerToolbar.visible)) {
const C = {
"f-utils-fill": !0
};
return (E = (d = e.footerToolbar) == null ? void 0 : d.appearance) != null && E.class && (C[e.footerToolbar.appearance.class] = !0), v(e.footerToolbar.buttons, C);
}
return r.value && !!r.value.length && r.value.map((C) => {
const R = $(C.disabled);
return S("button", {
id: C.id,
type: "button",
disabled: R.value,
class: C.class + (C.iconClass ? " btn-icontext" : ""),
onClick: (j) => {
u(C, j);
}
}, [!!C.iconClass && S("i", {
class: C.iconClass
}, null), C.text]);
});
}
function h() {
return e.footerTemplate && typeof e.footerTemplate == "function" ? e.footerTemplate() : t.slots.footerTemplate ? t.slots.footerTemplate() : y();
}
function O() {
var l, d;
const s = {
"f-utils-fill": !0
};
return (d = (l = e.headerToolbar) == null ? void 0 : l.appearance) != null && d.class && (s[e.headerToolbar.appearance.class] = !0), e.headerTemplate && typeof e.headerTemplate == "function" ? e.headerTemplate() : t.slots.headerTemplate ? t.slots.headerTemplate() : S(pe, null, [S("div", {
class: "f-drawer-title",
title: e.title
}, [e.title]), e.headerToolbar && (e.headerToolbar.visible === void 0 || e.headerToolbar.visible) && S("div", {
class: "f-utils-fill-flex-row mx-2 col-7"
}, [v(e.headerToolbar.buttons || [], s)]), e.showClose && S("div", {
class: "f-drawer-close"
}, [S("span", {
class: "f-icon f-icon-close",
onClick: I((E) => {
p();
}, ["stop"])
}, null)])]);
}
const x = $({});
function w() {
const s = ge();
x.value = {
zIndex: s < 1e3 ? 1e3 : s
};
}
function P() {
return f.value ? !0 : typeof e.host == "string" ? e.host === "body" ? !0 : !!document.querySelector(e.host) : !!e.host;
}
return f.value = P(), fe(() => {
f.value = P();
}), de(() => {
n.value && w();
}), t.expose({
open: () => {
n.value = !0;
},
close: () => {
p();
}
}), () => f.value ? S(me, {
to: e.host
}, {
default: () => [S("div", {
class: g.value,
id: e.id,
style: x.value
}, [S(_, {
name: "f-drawer-mask",
appear: !0
}, {
default: () => [n.value && e.showMask && S("div", {
class: k.value,
style: T.value,
onClick: I((s) => {
e.allowClickMaskToClose && p();
}, ["stop"])
}, null)]
}), S(_, {
name: c.value
}, {
default: () => {
var s, l;
return [n.value && S("div", {
class: F.value,
style: a.value
}, [S("div", {
class: "f-drawer-container"
}, [e.showHeader && S("div", {
class: "f-drawer-header align-items-center"
}, [O()]), S("div", {
class: "f-drawer-body f-utils-fill",
style: "overflow: auto;"
}, [(l = (s = t.slots).default) == null ? void 0 : l.call(s)]), e.showFooter && S("div", {
class: "f-drawer-footer px-2",
style: {
height: e.footerHeight + "px"
}
}, [h()])])])];
}
})])]
}) : null;
}
}), Tt = ye(ut);
export {
ut as FDrawer,
Tt as default,
re as drawerProps,
yt as eventHandlerResolver,
gt as propsResolver
};