yc-pro-components 0.0.12 → 0.0.13

package/index.js

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.12 */
+/*! yc-pro-components v0.0.13 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -4770,6 +4770,36 @@
     return data;
   };
 
+  const DefaultPageSizeList = [10, 20, 30, 40, 50, 100, 200, 300, 400, 500];
+  const DefaultPageInfo = {
+    page: 1,
+    pageSize: 10
+  };
+
+  const TableFormRefInjectionKey = Symbol("tableFormRefInjectionKey");
+  const TableFormFieldRefInjectionKey = Symbol("tableFormFieldRefInjectionKey");
+  const TableFormRowInfoInjectionKey = Symbol("tableFormRowInfoInjectionKey");
+  const DatePickerValueIsArrayList = ["datetimerange", "daterange", "monthrange"];
+  const ValueIsNumberList = ["rate", "input-number", "slider"];
+  const ValueIsBooleanList = ["switch"];
+  const ValueIsArrayList = [
+    "checkbox",
+    "cascader",
+    "plus-date-picker",
+    "plus-input-tag",
+    "transfer"
+  ];
+
+  const selectValueTypeList = [
+    "select",
+    "radio",
+    "checkbox",
+    "select-v2",
+    "plus-radio"
+  ];
+
+  const DictStoreInjectionKey = Symbol("DictStore");
+
   const throwError = (data) => {
     if (!isArray(data)) {
       console.error("Uncaught TypeError: ", `options expected Array but got ${toRawType(data)}`);
@@ -4796,27 +4826,53 @@
   const useGetOptions = (props) => {
     const options = vue.ref([]);
     const optionsIsReady = vue.ref(false);
-    if (!props.options) {
+    const injectedDictStore = vue.inject(DictStoreInjectionKey, null);
+    const hasValidOptions = props.options && (!isArray(props.options) || props.options.length > 0);
+    if (hasValidOptions) {
+      handleOptions();
+    } else if (props.autoDict) {
+      handleAutoDict();
+    } else {
       options.value = [];
       optionsIsReady.value = true;
-    } else if (vue.isRef(props.options) || vue.isReactive(props.options) || isArray(props.options)) {
-      vue.watch(
-        () => props.options,
-        (val) => {
-          const value = vue.isRef(val) ? val.value : val;
-          options.value = getOptionsByOptionsMap(value, props);
+    }
+    function handleOptions() {
+      if (!props.options) {
+        options.value = [];
+        optionsIsReady.value = true;
+        return;
+      }
+      if (vue.isRef(props.options) || vue.isReactive(props.options) || isArray(props.options)) {
+        vue.watch(
+          () => props.options,
+          (val) => {
+            const value = vue.isRef(val) ? val.value : val;
+            options.value = getOptionsByOptionsMap(value, props);
+            optionsIsReady.value = true;
+          },
+          {
+            immediate: true,
+            deep: true
+          }
+        );
+      } else if (isFunction(props.options)) {
+        const getValue = props.options;
+        const result = getValue(props);
+        if (isPromise(result)) {
+          result.then((value) => {
+            options.value = getOptionsByOptionsMap(value, props);
+            optionsIsReady.value = true;
+            throwError(options.value);
+          }).catch((err) => {
+            throw err;
+          });
+        } else {
+          options.value = getOptionsByOptionsMap(result, props);
           optionsIsReady.value = true;
-        },
-        {
-          immediate: true,
-          deep: true
         }
-      );
-    } else if (isFunction(props.options)) {
-      const getValue = props.options;
-      const result = getValue(props);
-      if (isPromise(result)) {
-        result.then((value) => {
+      } else if (isPromise(props.options)) {
+        const getValue = props.options;
+        getValue.then((value) => {
           options.value = getOptionsByOptionsMap(value, props);
           optionsIsReady.value = true;
           throwError(options.value);
@@ -4824,21 +4880,82 @@
           throw err;
         });
       } else {
-        options.value = getOptionsByOptionsMap(result, props);
         optionsIsReady.value = true;
+        throwError(props.options);
       }
-    } else if (isPromise(props.options)) {
-      const getValue = props.options;
-      getValue.then((value) => {
-        options.value = getOptionsByOptionsMap(value, props);
+    }
+    function handleAutoDict() {
+      if (isFunction(props.autoDict)) {
+        const autoDictFn = props.autoDict;
+        vue.watch(
+          () => {
+            return autoDictFn(props);
+          },
+          (result) => {
+            if (isPromise(result)) {
+              result.then((value) => {
+                options.value = getOptionsByOptionsMap(value, props);
+                optionsIsReady.value = true;
+              }).catch((err) => {
+                console.error("[yc-components] autoDict function error:", err);
+                options.value = [];
+                optionsIsReady.value = true;
+              });
+            } else {
+              options.value = getOptionsByOptionsMap(result, props);
+              optionsIsReady.value = true;
+            }
+          },
+          { immediate: true }
+        );
+      } else if (typeof props.autoDict === "object" && props.autoDict !== null) {
+        const { store, method = "getDictData", transform, dictCode } = props.autoDict;
+        const dictStore = store || injectedDictStore;
+        const fieldOrCode = dictCode || props.prop;
+        if (dictStore && isFunction(dictStore[method])) {
+          vue.watch(
+            () => dictStore[method](fieldOrCode),
+            (val) => {
+              try {
+                const data = transform && isFunction(transform) ? transform(val) : val;
+                options.value = getOptionsByOptionsMap(data, props);
+                optionsIsReady.value = true;
+              } catch (err) {
+                console.error("[yc-components] autoDict transform error:", err);
+                options.value = [];
+                optionsIsReady.value = true;
+              }
+            },
+            { immediate: true }
+          );
+        } else {
+          console.warn(
+            `[yc-components] autoDict: DictStore or method "${method}" not found for field "${fieldOrCode}"`
+          );
+          options.value = [];
+          optionsIsReady.value = true;
+        }
+      } else if (props.autoDict === true) {
+        if (injectedDictStore && isFunction(injectedDictStore.getDictData)) {
+          vue.watch(
+            () => injectedDictStore.getDictData(props.prop),
+            (val) => {
+              options.value = getOptionsByOptionsMap(val, props);
+              optionsIsReady.value = true;
+            },
+            { immediate: true }
+          );
+        } else {
+          console.warn(
+            `[yc-components] autoDict: DictStore not provided via inject for field "${props.prop}". Please use useDictInjection() in parent component.`
+          );
+          options.value = [];
+          optionsIsReady.value = true;
+        }
+      } else {
+        options.value = [];
         optionsIsReady.value = true;
-        throwError(options.value);
-      }).catch((err) => {
-        throw err;
-      });
-    } else {
-      optionsIsReady.value = true;
-      throwError(props.options);
+      }
     }
     return { customOptions: options, customOptionsIsReady: optionsIsReady };
   };
@@ -4937,34 +5054,6 @@
     }));
   };
 
-  const DefaultPageSizeList = [10, 20, 30, 40, 50, 100, 200, 300, 400, 500];
-  const DefaultPageInfo = {
-    page: 1,
-    pageSize: 10
-  };
-
-  const TableFormRefInjectionKey = Symbol("tableFormRefInjectionKey");
-  const TableFormFieldRefInjectionKey = Symbol("tableFormFieldRefInjectionKey");
-  const TableFormRowInfoInjectionKey = Symbol("tableFormRowInfoInjectionKey");
-  const DatePickerValueIsArrayList = ["datetimerange", "daterange", "monthrange"];
-  const ValueIsNumberList = ["rate", "input-number", "slider"];
-  const ValueIsBooleanList = ["switch"];
-  const ValueIsArrayList = [
-    "checkbox",
-    "cascader",
-    "plus-date-picker",
-    "plus-input-tag",
-    "transfer"
-  ];
-
-  const selectValueTypeList = [
-    "select",
-    "radio",
-    "checkbox",
-    "select-v2",
-    "plus-radio"
-  ];
-
   function useTable(_pageInfo) {
     const defaultPageInfo = vue.unref(_pageInfo) || DefaultPageInfo;
     const tableData = vue.ref([]);
@@ -8485,6 +8574,20 @@
     };
   }
 
+  function useDictInjection(dictStore) {
+    if (!dictStore) {
+      console.warn("[yc-components] useDictInjection: dictStore is required");
+      return;
+    }
+    if (typeof dictStore.getDictData !== "function") {
+      console.error(
+        "[yc-components] useDictInjection: dictStore must implement getDictData method. Please ensure your dictStore implements DictStoreInterface."
+      );
+      return;
+    }
+    vue.provide(DictStoreInjectionKey, dictStore);
+  }
+
   const _hoisted_1$q = { class: "plus-dialog-body" };
   var _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -15782,6 +15885,7 @@
       fieldChildrenSlot: { type: Function, default: void 0 },
       renderErrorMessage: { type: Function, default: void 0 },
       optionsMap: { default: void 0 },
+      autoDict: { type: [Boolean, Function, Object], default: void 0 },
       index: { default: 0 },
       clearable: { type: Boolean, default: true }
     },
@@ -59639,7 +59743,7 @@
 
   var installer = makeInstaller([...plugins]);
 
-  const version = "0.1.30";
+  const version = "0.0.13";
 
   const install = installer.install;
 
@@ -59648,6 +59752,7 @@
   exports.DatePickerValueIsArrayList = DatePickerValueIsArrayList;
   exports.DefaultPageInfo = DefaultPageInfo;
   exports.DefaultPageSizeList = DefaultPageSizeList;
+  exports.DictStoreInjectionKey = DictStoreInjectionKey;
   exports.PlusBreadcrumb = PlusBreadcrumb;
   exports.PlusCheckCard = PlusCheckCard;
   exports.PlusCheckCardGroup = PlusCheckCardGroup;
@@ -59755,6 +59860,7 @@
   exports.selectValueTypeList = selectValueTypeList;
   exports.updateDrawer = updateDrawer;
   exports.useDialogFormConfig = useDialogFormConfig;
+  exports.useDictInjection = useDictInjection;
   exports.useDrawerFormConfig = useDrawerFormConfig;
   exports.useGetOptions = useGetOptions;
   exports.useLocale = useLocale;