@ibiz-template/vue3-components 0.7.34 → 0.7.37-alpha.5

package/es/common/custom-filter-condition/custom-filter-condition.mjs

@@ -0,0 +1,286 @@
+import { isVNode, ref, watch, resolveComponent, h, createTextVNode, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { createUUID } from 'qx-util';
+import { getEditorProvider } from '@ibiz-template/runtime';
+import './custom-filter-condition.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizCustomFilterCondition = /* @__PURE__ */ defineComponent({
+  name: "IBizCustomFilterCondition",
+  props: {
+    value: {
+      type: Object
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object
+    },
+    schemaFields: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["change"],
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("custom-filter-condition");
+    const fields = ref([]);
+    const fieldMap = ref(/* @__PURE__ */ new Map());
+    const items = ref([]);
+    const initItemEditor = async (item) => {
+      item.editorProvider = void 0;
+      item.editor = void 0;
+      const field = fieldMap.value.get(item.field);
+      if (!field || !item.valueOP || !props.context) {
+        return;
+      }
+      const editorModel = ibiz.util.jsonSchema.getMockEditor(props.context, field, item.valueOP);
+      if (!editorModel) {
+        return;
+      }
+      const editorProvider = await getEditorProvider(editorModel);
+      if (editorProvider) {
+        item.editorProvider = editorProvider;
+        const editorController = await editorProvider.createController(editorModel, {
+          context: props.context,
+          params: props.params
+        });
+        item.editor = editorController;
+      }
+    };
+    const transformValue = async () => {
+      if (!props.value) {
+        items.value = [];
+        return;
+      }
+      const conditionList = props.value.searchconds;
+      if (Array.isArray(conditionList) && conditionList.length) {
+        items.value = await Promise.all(conditionList.map(async (condition) => {
+          const field = condition.fieldname || "";
+          const valueOP = condition.condop || "";
+          const value = condition.value;
+          const item = {
+            key: createUUID(),
+            field,
+            valueOP,
+            value
+          };
+          await initItemEditor(item);
+          return item;
+        }));
+        return;
+      }
+      items.value = [];
+    };
+    const init = async () => {
+      if (Array.isArray(props.schemaFields)) {
+        fields.value = props.schemaFields.map((item) => {
+          return {
+            ...item,
+            valueOPs: item.type ? ibiz.util.jsonSchema.getValueOPsByDataType(item.type) : []
+          };
+        });
+        fields.value.forEach((item) => {
+          fieldMap.value.set(item.appDEFieldId, item);
+        });
+        await transformValue();
+      }
+    };
+    watch(() => props.schemaFields, () => {
+      init();
+    }, {
+      immediate: true
+    });
+    watch(() => props.value, () => {
+      transformValue();
+    }, {
+      immediate: true
+    });
+    const handleValueChange = () => {
+      if (!items.value.length) {
+        emit("change", void 0);
+        return;
+      }
+      const searchconds = {
+        condop: "AND",
+        condtype: "GROUP",
+        searchconds: []
+      };
+      items.value.forEach((item) => {
+        searchconds.searchconds.push({
+          condtype: "DEFIELD",
+          fieldname: item.field,
+          condop: item.valueOP,
+          value: item.value
+        });
+      });
+      emit("change", searchconds);
+    };
+    const handleAdd = async () => {
+      var _a, _b, _c, _d;
+      let filterItem = fields.value;
+      if (items.value.length) {
+        const set = /* @__PURE__ */ new Set();
+        items.value.forEach((condition) => {
+          set.add(condition.field);
+        });
+        filterItem = fields.value.filter((field) => !set.has(field.appDEFieldId));
+        if (!filterItem.length) {
+          filterItem = fields.value;
+        }
+      }
+      const item = {
+        key: createUUID(),
+        field: ((_a = filterItem[0]) == null ? void 0 : _a.appDEFieldId) || "",
+        valueOP: ((_d = (_c = (_b = filterItem[0]) == null ? void 0 : _b.valueOPs) == null ? void 0 : _c[0]) == null ? void 0 : _d.valueOP) || ""
+      };
+      await initItemEditor(item);
+      items.value.push(item);
+      handleValueChange();
+    };
+    const handleRemove = (index) => {
+      items.value.splice(index, 1);
+      handleValueChange();
+    };
+    const renderEditor = (item) => {
+      if (!item.valueOP) {
+        return null;
+      }
+      if (item.editorProvider && item.editor) {
+        const component = resolveComponent(item.editorProvider.formEditor);
+        return h(component, {
+          value: item.value,
+          controller: item.editor,
+          data: {},
+          onChange: (val) => {
+            item.value = val;
+            handleValueChange();
+          }
+        });
+      }
+    };
+    const handleFieldChange = async (item) => {
+      var _a, _b;
+      const field = fieldMap.value.get(item.field);
+      item.valueOP = ((_b = (_a = field == null ? void 0 : field.valueOPs) == null ? void 0 : _a[0]) == null ? void 0 : _b.valueOP) || "";
+      item.value = void 0;
+      await initItemEditor(item);
+      handleValueChange();
+    };
+    const handleValueOPChange = async (item) => {
+      item.value = void 0;
+      await initItemEditor(item);
+      handleValueChange();
+    };
+    return {
+      ns,
+      fields,
+      fieldMap,
+      items,
+      handleAdd,
+      handleRemove,
+      renderEditor,
+      handleFieldChange,
+      handleValueOPChange
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.b("content")
+    }, [this.items.map((item, i) => {
+      let _slot;
+      return createVNode("div", {
+        "class": this.ns.b("item")
+      }, [createVNode("div", {
+        "class": this.ns.b("item-header")
+      }, [createVNode("div", {
+        "class": this.ns.b("item-header-text")
+      }, [createTextVNode("\u67E5\u8BE2\u6761\u4EF6("), i + 1, createTextVNode(")")]), createVNode("div", {
+        "class": this.ns.b("item-header-btn"),
+        "onClick": () => this.handleRemove(i)
+      }, [createVNode("svg", {
+        "viewBox": "0 0 16 16",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "height": "1em",
+        "width": "1em",
+        "preserveAspectRatio": "xMidYMid meet",
+        "focusable": "false"
+      }, [createVNode("g", {
+        "stroke-width": "1",
+        "fill-rule": "evenodd"
+      }, [createVNode("path", {
+        "d": "M4.002 3.403V1a1 1 0 0 1 1-1h6.003a1 1 0 0 1 1 1v2.403h3.396a.6.6 0 1 1 0 1.2h-1.395V15a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4.603H.6a.6.6 0 1 1 0-1.2h3.4zm8.804 1.205H3.2V14.8h9.605V4.608zM5.202 1.2v2.155h5.603V1.2H5.202zm.6 6.417a.6.6 0 0 1 1.201 0v4.758a.6.6 0 0 1-1.2 0V7.617zm3.202 0a.6.6 0 0 1 1.2 0v4.758a.6.6 0 0 1-1.2 0V7.617z"
+      }, null)])])])]), createVNode("div", {
+        "class": this.ns.b("item-content")
+      }, [createVNode("div", {
+        "class": this.ns.be("item", "field")
+      }, [createVNode(resolveComponent("el-select"), {
+        "modelValue": item.field,
+        "onUpdate:modelValue": ($event) => item.field = $event,
+        "onChange": () => {
+          this.handleFieldChange(item);
+        }
+      }, _isSlot(_slot = this.fields.map((field) => {
+        return createVNode(resolveComponent("el-option"), {
+          "key": field.appDEFieldId,
+          "value": field.appDEFieldId,
+          "label": field.caption
+        }, null);
+      })) ? _slot : {
+        default: () => [_slot]
+      })]), createVNode("div", {
+        "class": this.ns.be("item", "valueOP")
+      }, [createVNode(resolveComponent("el-select"), {
+        "modelValue": item.valueOP,
+        "onUpdate:modelValue": ($event) => item.valueOP = $event,
+        "onChange": () => {
+          this.handleValueOPChange(item);
+        }
+      }, {
+        default: () => {
+          var _a, _b;
+          return [(_b = (_a = this.fieldMap.get(item.field)) == null ? void 0 : _a.valueOPs) == null ? void 0 : _b.map((op) => {
+            return createVNode(resolveComponent("el-option"), {
+              "key": op.valueOP,
+              "value": op.valueOP,
+              "label": op.label
+            }, null);
+          })];
+        }
+      })]), createVNode("div", {
+        "class": this.ns.be("item", "editor")
+      }, [this.renderEditor(item)])])]);
+    })]), createVNode("div", {
+      "class": this.ns.b("footer")
+    }, [createVNode("div", {
+      "class": this.ns.b("footer-btn"),
+      "onClick": this.handleAdd
+    }, [createVNode("svg", {
+      "class": this.ns.be("footer-btn", "icon"),
+      "viewBox": "0 0 16 16",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "height": "1em",
+      "width": "1em",
+      "preserveAspectRatio": "xMidYMid meet",
+      "focusable": "false"
+    }, [createVNode("g", {
+      "stroke-width": "1",
+      "fill-rule": "evenodd"
+    }, [createVNode("path", {
+      "d": "M8.578 7.383V1.602a.601.601 0 1 0-1.2 0v5.781H1.6a.601.601 0 0 0 0 1.203h5.777v5.812a.601.601 0 1 0 1.2 0V8.586H14.4a.601.601 0 0 0 0-1.203H8.578z"
+    }, null)])]), createVNode("div", {
+      "class": this.ns.be("footer-btn", "text")
+    }, [createTextVNode("\u6DFB\u52A0\u67E5\u8BE2\u6761\u4EF6")])])])]);
+  }
+});
+
+export { IBizCustomFilterCondition };

package/es/common/custom-theme/custom-theme-model.d.ts

@@ -0,0 +1,167 @@
+export declare const predefineThemeVars: ({
+    caption: string;
+    labelLang: string;
+    children: ({
+        caption: string;
+        labelLang: string;
+        vars: ({
+            label: string;
+            value: string;
+            labelLang: string;
+            descLang: string;
+            unit: string;
+            type: string;
+            kindVars: {
+                '--ibiz-font-size-small': number;
+                '--ibiz-font-size-header-6': number;
+                '--ibiz-font-size-header-5': number;
+                '--ibiz-font-size-header-4': number;
+                '--ibiz-font-size-header-3': number;
+                '--ibiz-font-size-header-2': number;
+                '--ibiz-font-size-header-1': number;
+                '--ibiz-font-weight-light'?: undefined;
+                '--ibiz-font-weight-bold'?: undefined;
+            };
+        } | {
+            label: string;
+            value: string;
+            labelLang: string;
+            descLang: string;
+            type: string;
+            kindVars: {
+                '--ibiz-font-weight-light': number;
+                '--ibiz-font-weight-bold': number;
+                '--ibiz-font-size-small'?: undefined;
+                '--ibiz-font-size-header-6'?: undefined;
+                '--ibiz-font-size-header-5'?: undefined;
+                '--ibiz-font-size-header-4'?: undefined;
+                '--ibiz-font-size-header-3'?: undefined;
+                '--ibiz-font-size-header-2'?: undefined;
+                '--ibiz-font-size-header-1'?: undefined;
+            };
+            unit?: undefined;
+        })[];
+        children?: undefined;
+    } | {
+        caption: string;
+        labelLang: string;
+        children: {
+            caption: string;
+            labelLang: string;
+            vars: {
+                label: string;
+                description: string;
+                labelLang: string;
+                descLang: string;
+                value: string;
+            }[];
+        }[];
+        vars?: undefined;
+    } | {
+        caption: string;
+        labelLang: string;
+        vars: ({
+            label: string;
+            value: string;
+            labelLang: string;
+            descLang: string;
+            unit: string;
+            type: string;
+            kindVars: {
+                '--ibiz-spacing-super-tight': number;
+                '--ibiz-spacing-extra-tight': number;
+                '--ibiz-spacing-tight': number;
+                '--ibiz-spacing-base-tight': number;
+                '--ibiz-spacing-base-loose': number;
+                '--ibiz-spacing-loose': number;
+                '--ibiz-spacing-extra-loose': number;
+                '--ibiz-spacing-super-loose': number;
+                '--ibiz-border-radius-extra-small'?: undefined;
+                '--ibiz-border-radius-small'?: undefined;
+                '--ibiz-border-radius-large'?: undefined;
+                '--ibiz-width-icon-extra-small'?: undefined;
+                '--ibiz-width-icon-small'?: undefined;
+                '--ibiz-width-icon-large'?: undefined;
+                '--ibiz-width-icon-extra-large'?: undefined;
+            };
+        } | {
+            label: string;
+            value: string;
+            labelLang: string;
+            descLang: string;
+            unit: string;
+            type: string;
+            kindVars: {
+                '--ibiz-border-radius-extra-small': number;
+                '--ibiz-border-radius-small': number;
+                '--ibiz-border-radius-large': number;
+                '--ibiz-spacing-super-tight'?: undefined;
+                '--ibiz-spacing-extra-tight'?: undefined;
+                '--ibiz-spacing-tight'?: undefined;
+                '--ibiz-spacing-base-tight'?: undefined;
+                '--ibiz-spacing-base-loose'?: undefined;
+                '--ibiz-spacing-loose'?: undefined;
+                '--ibiz-spacing-extra-loose'?: undefined;
+                '--ibiz-spacing-super-loose'?: undefined;
+                '--ibiz-width-icon-extra-small'?: undefined;
+                '--ibiz-width-icon-small'?: undefined;
+                '--ibiz-width-icon-large'?: undefined;
+                '--ibiz-width-icon-extra-large'?: undefined;
+            };
+        } | {
+            label: string;
+            value: string;
+            labelLang: string;
+            descLang: string;
+            unit: string;
+            type: string;
+            kindVars: {
+                '--ibiz-width-icon-extra-small': number;
+                '--ibiz-width-icon-small': number;
+                '--ibiz-width-icon-large': number;
+                '--ibiz-width-icon-extra-large': number;
+                '--ibiz-spacing-super-tight'?: undefined;
+                '--ibiz-spacing-extra-tight'?: undefined;
+                '--ibiz-spacing-tight'?: undefined;
+                '--ibiz-spacing-base-tight'?: undefined;
+                '--ibiz-spacing-base-loose'?: undefined;
+                '--ibiz-spacing-loose'?: undefined;
+                '--ibiz-spacing-extra-loose'?: undefined;
+                '--ibiz-spacing-super-loose'?: undefined;
+                '--ibiz-border-radius-extra-small'?: undefined;
+                '--ibiz-border-radius-small'?: undefined;
+                '--ibiz-border-radius-large'?: undefined;
+            };
+        })[];
+        children?: undefined;
+    })[];
+    vars?: undefined;
+} | {
+    caption: string;
+    labelLang: string;
+    vars: {
+        label: string;
+        value: string;
+        defaultValue: string;
+        labelLang: string;
+        descLang: string;
+        className: string;
+    }[];
+    children?: undefined;
+} | {
+    caption: string;
+    labelLang: string;
+    children: {
+        caption: string;
+        labelLang: string;
+        vars: {
+            label: string;
+            value: string;
+            defaultValue: string;
+            labelLang: string;
+            descLang: string;
+            className: string;
+        }[];
+    }[];
+    vars?: undefined;
+})[];

package/es/common/custom-theme/custom-theme-model.mjs

@@ -504,6 +504,68 @@ const predefineThemeVars = [
             className: "ibiz-control-grid"
           }
         ]
+      },
+      {
+        caption: "\u6811",
+        labelLang: "tree",
+        vars: [
+          {
+            label: "\u6811\u89C6\u56FE\u6587\u672C\u8272",
+            value: "--ibiz-control-treeview-text-color",
+            defaultValue: "--ibiz-color-text-0",
+            labelLang: "treeTextColor",
+            descLang: "treeTextColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u80CC\u666F\u8272",
+            value: "--ibiz-control-treeview-bg-color",
+            defaultValue: "#00000000",
+            labelLang: "treeBgColor",
+            descLang: "treeBgColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u7981\u7528\u8272",
+            value: "--ibiz-control-treeview-disabled-color",
+            defaultValue: "--ibiz-color-disabled-text",
+            labelLang: "treeDisabledColor",
+            descLang: "treeDisabledColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u60AC\u6D6E\u8272",
+            value: "--ibiz-control-treeview-row-hover-color",
+            defaultValue: "--ibiz-color-text-0",
+            labelLang: "treeHoverColor",
+            descLang: "treeHoverColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u60AC\u6D6E\u80CC\u666F\u8272",
+            value: "--ibiz-control-treeview-row-hover-bg-color",
+            defaultValue: "--ibiz-color-fill-0",
+            labelLang: "treeHoverBgColor",
+            descLang: "treeHoverBgColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u9009\u4E2D\u8272",
+            value: "--ibiz-control-treeview-row-select-color",
+            defaultValue: "--ibiz-color-text-0",
+            labelLang: "treeSelectColor",
+            descLang: "treeSelectColorDesc",
+            className: "ibiz-control-treeview"
+          },
+          {
+            label: "\u6811\u89C6\u56FE\u9009\u4E2D\u80CC\u666F\u8272",
+            value: "--ibiz-control-treeview-row-select-bg-color",
+            defaultValue: "--ibiz-color-primary-light-default",
+            labelLang: "treeSelectBgColor",
+            descLang: "treeSelectBgColorDesc",
+            className: "ibiz-control-treeview"
+          }
+        ]
       }
     ]
   }

package/es/common/custom-theme/custom-theme.controller.d.ts

@@ -0,0 +1,47 @@
+/**
+ * 自定义主题控制器
+ * @author zzq
+ * @date 2024-05-09 14:18:14
+ * @export
+ * @class CustomThemeController
+ */
+export declare class CustomThemeController {
+    /**
+     * 自定义主题状态
+     *
+     * @type {IData}
+     * @memberof CustomThemeController
+     */
+    state: IData;
+    /**
+     * 自定义配置模型
+     *
+     * @type {IData[]}
+     * @memberof CustomThemeController
+     */
+    model: IData[];
+    /**
+     * 预定义类型
+     *
+     * @type {IData}
+     * @memberof CustomThemeController
+     */
+    predefineType: IData[];
+    /**
+     * 获取css变量
+     *
+     * @param {string} name
+     * @return {*}  {string}
+     * @memberof CustomThemeController
+     */
+    getCssVar(name: string, defaultVar?: string): string | number;
+    /**
+     * 计算尺寸改变，同类size批量更改
+     *
+     * @param {string} varName
+     * @param {number} size
+     * @memberof CustomThemeController
+     */
+    calcSizeChange(varName: string, size: number, item: IData): void;
+    constructor();
+}

package/es/common/custom-theme/custom-theme.controller.mjs

@@ -37,12 +37,13 @@ class CustomThemeController {
         label: "\u4EAE\u8272",
         labelLang: "light",
         color: "#557da5"
+      },
+      {
+        codeName: "studio_dark",
+        label: "\u6697\u8272",
+        labelLang: "studio_dark",
+        color: "#37373d"
       }
-      // {
-      //   codeName: 'dark',
-      //   label: '暗色',
-      //   color: '#1c1c1c',
-      // },
     ]);
     this.model = predefineThemeVars;
     const customTheme = ibiz.util.theme.getCustomTheme();

package/es/common/custom-theme/custom-theme.css

@@ -1 +1 @@
-.ibiz-custom-theme{display:flex;flex-direction:column;height:100%;padding:var(--ibiz-spacing-loose)}.ibiz-custom-theme .ibiz-custom-theme-header .el-button{padding:var(--ibiz-spacing-tight)}.ibiz-custom-theme .ibiz-custom-theme-content{height:auto;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);overflow-y:auto}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs{height:100%}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs__content{height:calc(100% - 55px);overflow:auto}.ibiz-custom-theme .ibiz-custom-theme-footer{flex:none;height:64px;padding:var(--ibiz-spacing-base);display:flex;align-items:center;justify-content:flex-start}.ibiz-custom-theme-item{padding:var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-theme-item__caption{font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);line-height:var(--ibiz-spacing-super-loose)}.ibiz-custom-theme-var{gap:var(--ibiz-spacing-base);padding:var(--ibiz-spacing-extra-tight) 0;display:flex;align-items:center;justify-content:space-between}
+.ibiz-custom-theme{display:flex;flex-direction:column;height:100%;padding:var(--ibiz-spacing-loose)}.ibiz-custom-theme .ibiz-custom-theme-header .el-button{padding:var(--ibiz-spacing-tight)}.ibiz-custom-theme .ibiz-custom-theme-content{height:auto;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);overflow-y:auto}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs{height:100%}.ibiz-custom-theme .ibiz-custom-theme-content .el-tabs__content{height:calc(100% - 55px);overflow:auto}.ibiz-custom-theme .ibiz-custom-theme-footer{flex:none;height:64px;padding:var(--ibiz-spacing-base);display:flex;align-items:center;justify-content:flex-start}.ibiz-custom-theme-item{padding:var(--ibiz-spacing-base);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-theme-item__caption{font-size:var(--ibiz-font-size-header-5);font-weight:var(--ibiz-font-weight-bold);line-height:var(--ibiz-spacing-super-loose)}.ibiz-custom-theme-item__content{padding:var(--ibiz-spacing-base) 0}.ibiz-custom-theme-item__content .el-button{min-width:var(--ibiz-height-control-default)}.ibiz-custom-theme-var{gap:var(--ibiz-spacing-base);padding:var(--ibiz-spacing-extra-tight) 0;display:flex;align-items:center;justify-content:space-between}

package/es/common/custom-theme/custom-theme.d.ts

@@ -0,0 +1,24 @@
+import { AppMenuController } from '@ibiz-template/runtime';
+import { PropType } from 'vue';
+import { CustomThemeController } from './custom-theme.controller';
+import './custom-theme.scss';
+export declare const CustomTheme: import("vue").DefineComponent<{
+    controller: {
+        type: PropType<AppMenuController>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: CustomThemeController;
+    handlePreview: () => void;
+    handleReset: () => void;
+    handleSave: () => Promise<void>;
+    handleShare: () => Promise<void>;
+    renderHeader: () => JSX.Element;
+    renderContent: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: PropType<AppMenuController>;
+        required: true;
+    };
+}>> & {}, {}, {}>;

package/es/common/custom-theme/custom-theme.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, getCurrentInstance, ref, createVNode, resolveComponent } from 'vue';
+import { isVNode, getCurrentInstance, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { CustomThemeController } from './custom-theme.controller.mjs';

package/es/common/data-import/data-import.d.ts

@@ -0,0 +1,57 @@
+import { IAppDataEntity, IAppDEDataImport } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './data-import.scss';
+export declare const DataImport: import("vue").DefineComponent<{
+    dismiss: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    appDataEntity: {
+        type: PropType<IAppDataEntity>;
+        required: true;
+    };
+    dataImport: {
+        type: PropType<IAppDEDataImport>;
+        required: false;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: false;
+    };
+    params: {
+        type: PropType<IParams>;
+        required: false;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onLinkClick: () => Promise<void>;
+    selectFile: () => Promise<void>;
+    onCancelButtonClick: () => void;
+    isLoading: import("vue").Ref<boolean>;
+    message: import("vue").Ref<{
+        state: 'ready' | 'over' | 'error';
+        message: string;
+    }>;
+    errorMessage: import("vue").Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dismiss: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    appDataEntity: {
+        type: PropType<IAppDataEntity>;
+        required: true;
+    };
+    dataImport: {
+        type: PropType<IAppDEDataImport>;
+        required: false;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: false;
+    };
+    params: {
+        type: PropType<IParams>;
+        required: false;
+    };
+}>>, {}, {}>;