3h1-ui 3.0.0-next.221 → 3.0.0-next.222

package/es/index.js

@@ -30003,6 +30003,13 @@ const shyTagBasicProps = reactive({
     type: Array,
     default: () => []
   },
+  api: {
+    type: Function
+  },
+  params: {
+    type: Object,
+    default: () => ({})
+  },
   value: {
     type: [String, Number]
   },
@@ -30027,6 +30034,7 @@ const ShyTag = /* @__PURE__ */ defineComponent({
     const {
       prefixCls: prefixCls2
     } = useDesign$1("tag");
+    const optionsRef = ref([]);
     const fieldNames = computed(() => ({
       label: "label",
       value: "value",
@@ -30034,7 +30042,20 @@ const ShyTag = /* @__PURE__ */ defineComponent({
       css: "cssClass",
       ...props2.fieldNames
     }));
-    const tag2 = computed(() => props2.options.find((item) => item[unref(fieldNames).value] == props2.value) ?? {
+    watch(() => props2.options, (val) => {
+      optionsRef.value = unref(val);
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => props2.params, async (val) => {
+      if (!props2.api)
+        return;
+      optionsRef.value = await props2.api(val);
+    }, {
+      immediate: true
+    });
+    const tag2 = computed(() => unref(optionsRef).find((item) => item[unref(fieldNames).value] == props2.value) ?? {
       [unref(fieldNames).label]: "-",
       [unref(fieldNames).color]: "var(--gray-5)",
       [unref(fieldNames).css]: ""
@@ -49291,7 +49312,6 @@ const Descriptions = /* @__PURE__ */ defineComponent({
       setDescProps
     });
     const transformValue = (item) => {
-      const options = ref([]);
       const {
         field,
         componentProps: comProps,
@@ -49306,22 +49326,15 @@ const Descriptions = /* @__PURE__ */ defineComponent({
       } = unref(getProps);
       if ((summaryTotalFields == null ? void 0 : summaryTotalFields.length) && summaryTotalFields.includes(field)) {
         return handleValuePrecision(item, data);
-      } else if (componentProps == null ? void 0 : componentProps.options) {
-        const options2 = treeToList(componentProps.options);
-        return createVNode(ShyTag, mergeProps({
-          "value": data[`${field}`]
-        }, componentProps, {
-          "options": options2
-        }), null);
-      } else if (componentProps == null ? void 0 : componentProps.api) {
-        const params = (componentProps == null ? void 0 : componentProps.params) || {};
-        componentProps.api(params).then((res) => {
-          options.value = treeToList(res);
-        });
+      } else if ((componentProps == null ? void 0 : componentProps.options) || (componentProps == null ? void 0 : componentProps.api)) {
+        let options = [];
+        if (Array.isArray(componentProps.options)) {
+          options = treeToList(componentProps.options);
+        }
         return createVNode(ShyTag, mergeProps({
           "value": data[`${field}`]
         }, componentProps, {
-          "options": unref(options)
+          "options": options
         }), null);
       } else if (["DatePicker", "MonthPicker", "RangePicker", "WeekPicker", "TimePicker"].includes(component)) {
         if (!data[`${field}`])

package/es/ui/src/ShyTag/src/ShyTag.d.ts

@@ -3,6 +3,13 @@ declare const ShyTag: import("vue").DefineComponent<{
         type: ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[])) | ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[]))[];
         default: () => any[];
     };
+    api: {
+        type: FunctionConstructor;
+    };
+    params: {
+        type: ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>)) | ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>))[];
+        default: () => {};
+    };
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -42,6 +49,13 @@ declare const ShyTag: import("vue").DefineComponent<{
         type: ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[])) | ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[]))[];
         default: () => any[];
     };
+    api: {
+        type: FunctionConstructor;
+    };
+    params: {
+        type: ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>)) | ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>))[];
+        default: () => {};
+    };
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -78,6 +92,7 @@ declare const ShyTag: import("vue").DefineComponent<{
     };
 }>>, {
     options: Recordable<any>[];
+    params: {};
     fieldNames: {};
     isTag: boolean;
     tagMode: "text" | "tag" | "point";

package/es/ui/src/ShyTag/src/props.d.ts

@@ -3,6 +3,13 @@ export declare const shyTagBasicProps: {
         type: ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[])) | ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[]))[];
         default: () => any[];
     };
+    api: {
+        type: FunctionConstructor;
+    };
+    params: {
+        type: ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>)) | ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>))[];
+        default: () => {};
+    };
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };

package/lib/index.js

@@ -30027,6 +30027,13 @@ const shyTagBasicProps = vue.reactive({
     type: Array,
     default: () => []
   },
+  api: {
+    type: Function
+  },
+  params: {
+    type: Object,
+    default: () => ({})
+  },
   value: {
     type: [String, Number]
   },
@@ -30051,6 +30058,7 @@ const ShyTag = /* @__PURE__ */ vue.defineComponent({
     const {
       prefixCls: prefixCls2
     } = use.useDesign("tag");
+    const optionsRef = vue.ref([]);
     const fieldNames = vue.computed(() => ({
       label: "label",
       value: "value",
@@ -30058,7 +30066,20 @@ const ShyTag = /* @__PURE__ */ vue.defineComponent({
       css: "cssClass",
       ...props2.fieldNames
     }));
-    const tag2 = vue.computed(() => props2.options.find((item) => item[vue.unref(fieldNames).value] == props2.value) ?? {
+    vue.watch(() => props2.options, (val) => {
+      optionsRef.value = vue.unref(val);
+    }, {
+      immediate: true,
+      deep: true
+    });
+    vue.watch(() => props2.params, async (val) => {
+      if (!props2.api)
+        return;
+      optionsRef.value = await props2.api(val);
+    }, {
+      immediate: true
+    });
+    const tag2 = vue.computed(() => vue.unref(optionsRef).find((item) => item[vue.unref(fieldNames).value] == props2.value) ?? {
       [vue.unref(fieldNames).label]: "-",
       [vue.unref(fieldNames).color]: "var(--gray-5)",
       [vue.unref(fieldNames).css]: ""
@@ -49315,7 +49336,6 @@ const Descriptions = /* @__PURE__ */ vue.defineComponent({
       setDescProps
     });
     const transformValue = (item) => {
-      const options = vue.ref([]);
       const {
         field,
         componentProps: comProps,
@@ -49330,22 +49350,15 @@ const Descriptions = /* @__PURE__ */ vue.defineComponent({
       } = vue.unref(getProps);
       if ((summaryTotalFields == null ? void 0 : summaryTotalFields.length) && summaryTotalFields.includes(field)) {
         return handleValuePrecision(item, data);
-      } else if (componentProps == null ? void 0 : componentProps.options) {
-        const options2 = treeToList(componentProps.options);
-        return vue.createVNode(ShyTag, vue.mergeProps({
-          "value": data[`${field}`]
-        }, componentProps, {
-          "options": options2
-        }), null);
-      } else if (componentProps == null ? void 0 : componentProps.api) {
-        const params = (componentProps == null ? void 0 : componentProps.params) || {};
-        componentProps.api(params).then((res) => {
-          options.value = treeToList(res);
-        });
+      } else if ((componentProps == null ? void 0 : componentProps.options) || (componentProps == null ? void 0 : componentProps.api)) {
+        let options = [];
+        if (Array.isArray(componentProps.options)) {
+          options = treeToList(componentProps.options);
+        }
         return vue.createVNode(ShyTag, vue.mergeProps({
           "value": data[`${field}`]
         }, componentProps, {
-          "options": vue.unref(options)
+          "options": options
         }), null);
       } else if (["DatePicker", "MonthPicker", "RangePicker", "WeekPicker", "TimePicker"].includes(component)) {
         if (!data[`${field}`])

package/lib/ui/src/ShyTag/src/ShyTag.d.ts

@@ -3,6 +3,13 @@ declare const ShyTag: import("vue").DefineComponent<{
         type: ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[])) | ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[]))[];
         default: () => any[];
     };
+    api: {
+        type: FunctionConstructor;
+    };
+    params: {
+        type: ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>)) | ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>))[];
+        default: () => {};
+    };
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -42,6 +49,13 @@ declare const ShyTag: import("vue").DefineComponent<{
         type: ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[])) | ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[]))[];
         default: () => any[];
     };
+    api: {
+        type: FunctionConstructor;
+    };
+    params: {
+        type: ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>)) | ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>))[];
+        default: () => {};
+    };
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -78,6 +92,7 @@ declare const ShyTag: import("vue").DefineComponent<{
     };
 }>>, {
     options: Recordable<any>[];
+    params: {};
     fieldNames: {};
     isTag: boolean;
     tagMode: "text" | "tag" | "point";

package/lib/ui/src/ShyTag/src/props.d.ts

@@ -3,6 +3,13 @@ export declare const shyTagBasicProps: {
         type: ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[])) | ((new (...args: any[]) => Recordable<any>[]) | (() => Recordable<any>[]))[];
         default: () => any[];
     };
+    api: {
+        type: FunctionConstructor;
+    };
+    params: {
+        type: ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>)) | ((new (...args: any[]) => Recordable<any>) | (() => Recordable<any>))[];
+        default: () => {};
+    };
     value: {
         type: (NumberConstructor | StringConstructor)[];
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "3.0.0-next.221",
+  "version": "3.0.0-next.222",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,8 +29,8 @@
     "vue-json-pretty": "^2.2.3",
     "vxe-table": "^4.3.6",
     "xe-utils": "^3.5.7",
-    "@shy-plugins/tinymce": "^1.0.6",
     "@shy-plugins/use": "1.0.1-next.5",
+    "@shy-plugins/tinymce": "^1.0.6",
     "@shy-plugins/utils": "1.0.0-next.1"
   },
   "types": "es/ui/index.d.ts",