@king-one/antdv 1.2.21 → 2.0.0

package/dist/es/components/pro-table/src/field/field-radio/field-radio.vue2.mjs

@@ -1,52 +1,59 @@
-import { defineComponent as m, useModel as c, inject as f, toRefs as p, createElementBlock as a, openBlock as l, createCommentVNode as v, createVNode as _, unref as t, mergeProps as V, withCtx as d, Fragment as b, renderList as x, createBlock as C, createTextVNode as E, toDisplayString as g } from "vue";
-import { RadioGroup as k, Radio as N } from "ant-design-vue";
-import { FIELD_CONTEXT_PROVIDE_KEY as R } from "../../constants.mjs";
-const B = { class: "field-select" }, y = /* @__PURE__ */ m({
+import { defineComponent, useModel, inject, toRefs, createElementBlock, openBlock, createCommentVNode, createVNode, unref, mergeProps, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
+import { RadioGroup, Radio } from "ant-design-vue";
+import { FIELD_CONTEXT_PROVIDE_KEY } from "../../constants.mjs";
+const _hoisted_1 = { class: "field-select" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "field-radio",
   props: {
-    modelValue: {
-      required: !0
+    "modelValue": {
+      required: true
     },
-    modelModifiers: {}
+    "modelModifiers": {}
   },
   emits: ["update:modelValue"],
-  setup(i) {
-    const o = c(i, "modelValue"), u = f(R), { fieldOptions: n, column: s } = p(u);
-    return (D, r) => (l(), a("div", B, [
-      v(" prettier-ignore-attribute v-bind "),
-      _(t(k), V({
-        value: o.value,
-        "onUpdate:value": r[0] || (r[0] = (e) => o.value = e)
-      }, t(s).fieldProps), {
-        default: d(() => [
-          (l(!0), a(
-            b,
-            null,
-            x(t(n), (e) => (l(), C(t(N), {
-              key: e.value,
-              value: e.value,
-              disabled: e.disabled
-            }, {
-              default: d(() => [
-                E(
-                  g(e.label),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, 1032, ["value", "disabled"]))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ]),
-        _: 1
-        /* STABLE */
-      }, 16, ["value"])
-    ]));
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const fieldContext = inject(FIELD_CONTEXT_PROVIDE_KEY);
+    const { fieldOptions, column } = toRefs(fieldContext);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" prettier-ignore-attribute v-bind "),
+        createVNode(unref(RadioGroup), mergeProps({
+          value: modelValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+        }, unref(column).fieldProps), {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(unref(fieldOptions), (opt) => {
+                return openBlock(), createBlock(unref(Radio), {
+                  key: opt.value,
+                  value: opt.value,
+                  disabled: opt.disabled
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(opt.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["value", "disabled"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["value"])
+      ]);
+    };
   }
 });
 export {
-  y as default
+  _sfc_main as default
 };

package/dist/es/components/pro-table/src/field/field-select/field-select.vue.mjs

@@ -1,4 +1,4 @@
-import f from "./field-select.vue2.mjs";
+import _sfc_main from "./field-select.vue2.mjs";
 export {
-  f as default
+  _sfc_main as default
 };

package/dist/es/components/pro-table/src/field/field-select/field-select.vue2.mjs

@@ -1,52 +1,59 @@
-import { defineComponent as m, useModel as c, inject as f, toRefs as p, createElementBlock as a, openBlock as l, createCommentVNode as v, createVNode as _, unref as t, mergeProps as V, withCtx as d, Fragment as b, renderList as x, createBlock as C, createTextVNode as E, toDisplayString as g } from "vue";
-import { Select as k, SelectOption as N } from "ant-design-vue";
-import { FIELD_CONTEXT_PROVIDE_KEY as O } from "../../constants.mjs";
-const B = { class: "field-select" }, y = /* @__PURE__ */ m({
+import { defineComponent, useModel, inject, toRefs, createElementBlock, openBlock, createCommentVNode, createVNode, unref, mergeProps, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
+import { Select, SelectOption } from "ant-design-vue";
+import { FIELD_CONTEXT_PROVIDE_KEY } from "../../constants.mjs";
+const _hoisted_1 = { class: "field-select" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "field-select",
   props: {
-    modelValue: {
-      required: !0
+    "modelValue": {
+      required: true
     },
-    modelModifiers: {}
+    "modelModifiers": {}
   },
   emits: ["update:modelValue"],
-  setup(i) {
-    const o = c(i, "modelValue"), n = f(O), { fieldOptions: u, column: s } = p(n);
-    return (D, r) => (l(), a("div", B, [
-      v(" prettier-ignore-attribute v-bind "),
-      _(t(k), V({
-        value: o.value,
-        "onUpdate:value": r[0] || (r[0] = (e) => o.value = e)
-      }, t(s).fieldProps), {
-        default: d(() => [
-          (l(!0), a(
-            b,
-            null,
-            x(t(u), (e) => (l(), C(t(N), {
-              key: e.value,
-              value: e.value,
-              disabled: e.disabled
-            }, {
-              default: d(() => [
-                E(
-                  g(e.label),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, 1032, ["value", "disabled"]))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ]),
-        _: 1
-        /* STABLE */
-      }, 16, ["value"])
-    ]));
+  setup(__props) {
+    const modelValue = useModel(__props, "modelValue");
+    const fieldContext = inject(FIELD_CONTEXT_PROVIDE_KEY);
+    const { fieldOptions, column } = toRefs(fieldContext);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" prettier-ignore-attribute v-bind "),
+        createVNode(unref(Select), mergeProps({
+          value: modelValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+        }, unref(column).fieldProps), {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(unref(fieldOptions), (opt) => {
+                return openBlock(), createBlock(unref(SelectOption), {
+                  key: opt.value,
+                  value: opt.value,
+                  disabled: opt.disabled
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(opt.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["value", "disabled"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["value"])
+      ]);
+    };
   }
 });
 export {
-  y as default
+  _sfc_main as default
 };

package/dist/es/components/pro-table/src/field/field.css

@@ -1 +1,3 @@
-.field .ant-picker{width:100%}
+.field .ant-picker {
+  width: 100%;
+}

package/dist/es/components/pro-table/src/field/field.vue.mjs

@@ -1,5 +1,5 @@
-import o from "./field.vue2.mjs";
+import _sfc_main from "./field.vue2.mjs";
 /* empty css            */
 export {
-  o as default
+  _sfc_main as default
 };

package/dist/es/components/pro-table/src/field/field.vue2.mjs

@@ -1,124 +1,149 @@
-import { defineComponent as T, inject as P, toRefs as C, computed as p, reactive as y, ref as I, watchEffect as N, readonly as S, provide as w, createElementBlock as v, openBlock as a, Fragment as c, createCommentVNode as u, createElementVNode as B, createBlock as m, resolveDynamicComponent as F, unref as D, normalizeProps as _, mergeProps as U, guardReactiveProps as $ } from "vue";
-import { TABLE_CONTEXT_PROVIDE_KEY as q, FIELD_CONTEXT_PROVIDE_KEY as A } from "../constants.mjs";
-import { getAvailableVNode as K, handleFn as j } from "../../utils.mjs";
+import { defineComponent, inject, toRefs, computed, reactive, ref, watchEffect, readonly, provide, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, unref, normalizeProps, mergeProps, guardReactiveProps } from "vue";
+import { TABLE_CONTEXT_PROVIDE_KEY, FIELD_CONTEXT_PROVIDE_KEY } from "../constants.mjs";
+import { getAvailableVNode, handleFn } from "../../utils.mjs";
 import "./field-input/field-input.vue.mjs";
 import "./field-select/field-select.vue.mjs";
 import "./field-radio/field-radio.vue.mjs";
 import "./field-date-range/field-date-range.vue.mjs";
-import L from "./field-input/field-input.vue2.mjs";
-import M from "./field-select/field-select.vue2.mjs";
-import X from "./field-radio/field-radio.vue2.mjs";
-import Y from "./field-date-range/field-date-range.vue2.mjs";
-const h = { class: "field" }, ne = /* @__PURE__ */ T({
+import _sfc_main$1 from "./field-input/field-input.vue2.mjs";
+import _sfc_main$2 from "./field-select/field-select.vue2.mjs";
+import _sfc_main$3 from "./field-radio/field-radio.vue2.mjs";
+import _sfc_main$4 from "./field-date-range/field-date-range.vue2.mjs";
+const _hoisted_1 = { class: "field" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "field",
   props: {
     column: {}
   },
-  setup(k) {
-    const { column: l } = k, V = P(q), { tableSlots: s } = V, { formState: d } = C(V), E = l.dataIndex, t = p({
+  setup(__props) {
+    const { column } = __props;
+    const tableContext = inject(TABLE_CONTEXT_PROVIDE_KEY);
+    const { tableSlots } = tableContext;
+    const { formState } = toRefs(tableContext);
+    const formStateKey = column.dataIndex;
+    const modelValue = computed({
       get() {
-        return d.value[E];
+        return formState.value[formStateKey];
       },
-      set(n) {
-        d.value[E] = n;
+      set(val) {
+        formState.value[formStateKey] = val;
+      }
+    });
+    const slotProps = reactive({
+      column,
+      value: modelValue.value,
+      formState
+    });
+    const isShowFormItemSlot = computed(() => {
+      if (tableSlots.formField) {
+        return !!getAvailableVNode(tableSlots.formField(slotProps)).length;
+      }
+      return false;
+    });
+    const valueType = computed(
+      () => column.valueType || (column.valueEnum ? "select" : "text")
+    );
+    const fieldOptions = ref([]);
+    function handleOptionsInFirstTime() {
+      if (column.request) {
+        handleRequest();
+      } else {
+        handleValueEnum();
       }
-    }), f = y({
-      column: l,
-      value: t.value,
-      formState: d
-    }), b = p(() => s.formField ? !!K(s.formField(f)).length : !1), r = p(
-      () => l.valueType || (l.valueEnum ? "select" : "text")
-    ), i = I([]);
-    function R() {
-      l.request ? x() : g();
     }
-    R(), N(() => {
-      l._fieldOptions = S(i.value);
+    handleOptionsInFirstTime();
+    watchEffect(() => {
+      column._fieldOptions = readonly(fieldOptions.value);
     });
-    function g() {
-      if (l.valueEnum) {
-        const n = new Map(Object.entries(l.valueEnum));
-        i.value = Array.from(n).map(([o, e]) => ({
-          text: e.text,
-          value: o,
-          label: e.text,
-          disabled: e.disabled
+    function handleValueEnum() {
+      if (column.valueEnum) {
+        const valueEnumMap = new Map(Object.entries(column.valueEnum));
+        fieldOptions.value = Array.from(valueEnumMap).map(([key, item]) => ({
+          text: item.text,
+          value: key,
+          label: item.text,
+          disabled: item.disabled
         }));
       }
     }
-    async function x() {
-      const n = await j(l.request, {});
-      n && (i.value = n);
+    async function handleRequest() {
+      const res = await handleFn(column.request, {});
+      if (res) {
+        fieldOptions.value = res;
+      }
     }
-    const O = y({
-      fieldOptions: i,
-      column: l
+    const context = reactive({
+      fieldOptions,
+      column
     });
-    return w(
-      A,
-      O
-    ), (n, o) => (a(), v(
-      c,
-      null,
-      [
-        u(" eslint-disable vue/component-name-in-template-casing "),
-        B("div", h, [
-          b.value ? (a(), m(
-            F(D(s).formField),
-            _(U({ key: 0 }, f)),
-            null,
-            16
-            /* FULL_PROPS */
-          )) : n.column.customFormFieldRender ? (a(), v(
-            c,
-            { key: 1 },
-            [
-              u(' <column.customFormFieldRender v-bind="slotProps" /> '),
-              (a(), m(
-                F(n.column.customFormFieldRender),
-                _($(f)),
-                null,
-                16
-                /* FULL_PROPS */
-              ))
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          )) : (a(), v(
-            c,
-            { key: 2 },
-            [
-              r.value === "text" ? (a(), m(L, {
-                key: 0,
-                modelValue: t.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (e) => t.value = e)
-              }, null, 8, ["modelValue"])) : u("v-if", !0),
-              r.value === "select" ? (a(), m(M, {
-                key: 1,
-                modelValue: t.value,
-                "onUpdate:modelValue": o[1] || (o[1] = (e) => t.value = e)
-              }, null, 8, ["modelValue"])) : u("v-if", !0),
-              r.value === "radio" ? (a(), m(X, {
-                key: 2,
-                modelValue: t.value,
-                "onUpdate:modelValue": o[2] || (o[2] = (e) => t.value = e)
-              }, null, 8, ["modelValue"])) : u("v-if", !0),
-              r.value === "dateRange" ? (a(), m(Y, {
-                key: 3,
-                modelValue: t.value,
-                "onUpdate:modelValue": o[3] || (o[3] = (e) => t.value = e)
-              }, null, 8, ["modelValue"])) : u("v-if", !0)
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          ))
-        ])
-      ],
-      2112
-      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-    ));
+    provide(
+      FIELD_CONTEXT_PROVIDE_KEY,
+      context
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createCommentVNode(" eslint-disable vue/component-name-in-template-casing "),
+          createElementVNode("div", _hoisted_1, [
+            isShowFormItemSlot.value ? (openBlock(), createBlock(
+              resolveDynamicComponent(unref(tableSlots).formField),
+              normalizeProps(mergeProps({ key: 0 }, slotProps)),
+              null,
+              16
+              /* FULL_PROPS */
+            )) : _ctx.column.customFormFieldRender ? (openBlock(), createElementBlock(
+              Fragment,
+              { key: 1 },
+              [
+                createCommentVNode(' <column.customFormFieldRender v-bind="slotProps" /> '),
+                (openBlock(), createBlock(
+                  resolveDynamicComponent(_ctx.column.customFormFieldRender),
+                  normalizeProps(guardReactiveProps(slotProps)),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : (openBlock(), createElementBlock(
+              Fragment,
+              { key: 2 },
+              [
+                valueType.value === "text" ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  modelValue: modelValue.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
+                }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
+                valueType.value === "select" ? (openBlock(), createBlock(_sfc_main$2, {
+                  key: 1,
+                  modelValue: modelValue.value,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
+                }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
+                valueType.value === "radio" ? (openBlock(), createBlock(_sfc_main$3, {
+                  key: 2,
+                  modelValue: modelValue.value,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => modelValue.value = $event)
+                }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
+                valueType.value === "dateRange" ? (openBlock(), createBlock(_sfc_main$4, {
+                  key: 3,
+                  modelValue: modelValue.value,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event)
+                }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      );
+    };
   }
 });
 export {
-  ne as default
+  _sfc_main as default
 };

package/dist/es/components/pro-table/src/form-render.css

@@ -1 +1,3 @@
-.pro-table .pro-table-form .ant-form .ant-form-item{margin-bottom:0}
+.pro-table .pro-table-form .ant-form .ant-form-item {
+  margin-bottom: 0;
+}

package/dist/es/components/pro-table/src/form-render.vue.mjs

@@ -1,5 +1,5 @@
-import o from "./form-render.vue2.mjs";
+import _sfc_main from "./form-render.vue2.mjs";
 /* empty css                  */
 export {
-  o as default
+  _sfc_main as default
 };