skyline-vue-admin 0.0.26 → 0.0.28

package/dist/components/data-list-input/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");const e=require("vue"),l=require("element-plus"),g=require("vue-router"),S=require("../can-access/index.cjs");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const N=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const k=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const I=require("vue-i18n"),D=require("../data-list-item-input/index.cjs");function f(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const C=e.defineComponent({name:"SkyDataListInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,rules:Object,defaultValue:{type:Array,default:()=>[]},serialize:Function,unserialize:Function},setup(t,{attrs:m,slots:n}){const{t:i}=I.useI18n(),q=g.useRoute().meta,b=e.computed(()=>t.label||t.source),p=k.useFormGrid(),{formData:c,editData:s}=N.useForm(),a=e.ref([]),d=e.computed(()=>n.default?.().filter(r=>r.type===D.SkyDataListItemInput));if(typeof c[t.source]>"u"&&(a.value=t.defaultValue),s.value){const r=s.value[t.source];a.value=t.unserialize?.(r)??r}const y=()=>{const r=e.reactive({});if(d.value){for(const u of d.value)r[u.props.source]=u.props.defaultValue;a.value.push(r)}},v=r=>{a.value.splice(r,1)};return e.watch(a,()=>c[t.source]=t.serialize?.(a.value)??a.value),()=>{let r;return e.createVNode(S.SkyCanAccess,{resource:q.resource,action:["create","edit"],column:t.source},{default:()=>[e.createVNode(l.ElFormItem,{class:"sky-data-list-input",label:b.value,prop:t.source,rules:t.rules,style:p?`grid-area: ${t.source}`:""},{default:()=>[e.createVNode(l.ElTable,e.mergeProps({data:a.value,border:!0,"max-height":"300"},m),{default:()=>[e.createVNode(l.ElTableColumn,{type:"index",label:"#",align:"center"},null),n.default?.().map(u=>e.createVNode(l.ElTableColumn,{label:u.props?.label||u.props.source,align:"center"},{default:({row:o})=>e.h(u,{modelValue:o[u.props.source],"onUpdate:modelValue":V=>o[u.props.source]=V})})),e.createVNode(l.ElTableColumn,{label:i("dataListInput.operate"),align:"center"},{default:({$index:u})=>{let o;return e.createVNode(l.ElButton,{type:"danger",text:!0,onClick:()=>v(u)},f(o=i("button.remove"))?o:{default:()=>[o]})}})]}),e.createVNode(l.ElButton,{class:"sky-data-list-input__button-add",onClick:y},f(r=i("button.add"))?r:{default:()=>[r]})]})]})}}});exports.SkyDataListInput=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");const e=require("vue"),l=require("element-plus"),g=require("vue-router"),S=require("../can-access/index.cjs");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const N=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const k=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const I=require("vue-i18n"),D=require("../data-list-item-input/index.cjs");function m(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const C=e.defineComponent({name:"SkyDataListInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,rules:Object,defaultValue:{type:Array,default:()=>[]},serialize:Function,unserialize:Function},setup(t,{attrs:f,slots:n}){const{t:i}=I.useI18n(),q=g.useRoute().meta,b=e.computed(()=>t.label||t.source),p=k.useFormGrid(),{formData:c,editData:s}=N.useForm(),a=e.ref([]),d=e.computed(()=>n.default?.().filter(r=>r.type===D.SkyDataListItemInput));if(typeof c[t.source]>"u"&&(a.value=t.defaultValue),s.value){const r=s.value[t.source];a.value=t.unserialize?.(r)??r}const y=()=>{const r=e.reactive({});if(d.value){for(const u of d.value)r[u.props.source]=u.props.defaultValue;a.value.push(r)}},v=r=>{a.value.splice(r,1)};return e.watch(a.value,()=>c[t.source]=t.serialize?.(a.value)??a.value,{deep:!0,immediate:!0}),()=>{let r;return e.createVNode(S.SkyCanAccess,{resource:q.resource,action:["create","edit"],column:t.source},{default:()=>[e.createVNode(l.ElFormItem,{class:"sky-data-list-input",label:b.value,prop:t.source,rules:t.rules,style:p?`grid-area: ${t.source}`:""},{default:()=>[e.createVNode(l.ElTable,e.mergeProps({data:a.value,border:!0,"max-height":"300"},f),{default:()=>[e.createVNode(l.ElTableColumn,{type:"index",label:"#",align:"center"},null),n.default?.().map(u=>e.createVNode(l.ElTableColumn,{label:u.props?.label||u.props.source,align:"center"},{default:({row:o})=>e.h(u,{modelValue:o[u.props.source],"onUpdate:modelValue":V=>o[u.props.source]=V})})),e.createVNode(l.ElTableColumn,{label:i("dataListInput.operate"),align:"center"},{default:({$index:u})=>{let o;return e.createVNode(l.ElButton,{type:"danger",text:!0,onClick:()=>v(u)},m(o=i("button.remove"))?o:{default:()=>[o]})}})]}),e.createVNode(l.ElButton,{class:"sky-data-list-input__button-add",onClick:y},m(r=i("button.add"))?r:{default:()=>[r]})]})]})}}});exports.SkyDataListInput=C;
 //# sourceMappingURL=index.cjs.map

package/dist/components/data-list-input/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/data-list-input/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\nimport {\n  ElButton,\n  ElFormItem,\n  ElTable,\n  ElTableColumn,\n  type FormItemRule,\n  type TableProps,\n} from 'element-plus'\nimport { computed, defineComponent, h, reactive, ref, watch } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport { useForm, useFormGrid } from '@/hooks'\nimport { useI18n } from 'vue-i18n'\nimport { SkyDataListItemInput } from '../data-list-item-input'\n\nexport interface SkyDataListInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: Array<Record<string, unknown>>\n  serialize?: (v: Array<Record<string, unknown>>) => unknown\n  unserialize?: (v: unknown) => Array<Record<string, unknown>>\n}\n\nexport const SkyDataListInput = defineComponent<\n  SkyDataListInputProps & Partial<TableProps<Record<string, unknown>>>\n>({\n  name: 'SkyDataListInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    serialize: Function,\n    unserialize: Function,\n  },\n  setup(props, { attrs, slots }) {\n    const { t } = useI18n()\n    const route = useRoute()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const title = computed(() => props.label || props.source)\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const submitData = ref<Array<Record<string, unknown>>>([])\n    const itemVNodes = computed(() =>\n      slots.default?.().filter((vnode) => vnode.type === SkyDataListItemInput),\n    )\n\n    if (typeof formData[props.source] === 'undefined') {\n      submitData.value = props.defaultValue!\n    }\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Array<Record<string, unknown>>\n      submitData.value = props.unserialize?.(ed) ?? ed\n    }\n\n    const onAdd = () => {\n      const item: Record<string, unknown> = reactive({})\n      if (itemVNodes.value) {\n        for (const vnode of itemVNodes.value) {\n          item[vnode.props!.source] = vnode.props!.defaultValue\n        }\n        submitData.value.push(item)\n      }\n    }\n\n    const onDelte = (index: number) => {\n      submitData.value.splice(index, 1)\n    }\n\n    watch(\n      submitData,\n      () => (formData[props.source] = props.serialize?.(submitData.value) ?? submitData.value),\n    )\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class=\"sky-data-list-input\"\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElTable data={submitData.value} border max-height=\"300\" {...attrs}>\n            <ElTableColumn type=\"index\" label=\"#\" align=\"center\" />\n            {slots.default?.().map((vnode) => (\n              <ElTableColumn label={vnode.props?.label || vnode.props!.source} align=\"center\">\n                {{\n                  default: ({ row }: { row: Record<string, unknown> }) =>\n                    h(vnode, {\n                      modelValue: row[vnode.props!.source],\n                      'onUpdate:modelValue': (v: unknown) => (row[vnode.props!.source] = v),\n                    }),\n                }}\n              </ElTableColumn>\n            ))}\n            <ElTableColumn label={t('dataListInput.operate')} align=\"center\">\n              {{\n                default: ({ $index }: { $index: number }) => (\n                  <ElButton type=\"danger\" text onClick={() => onDelte($index)}>\n                    {t('button.remove')}\n                  </ElButton>\n                ),\n              }}\n            </ElTableColumn>\n          </ElTable>\n          <ElButton class=\"sky-data-list-input__button-add\" onClick={onAdd}>\n            {t('button.add')}\n          </ElButton>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyDataListInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","defaultValue","serialize","unserialize","slots","t","routeMeta","useRoute","title","computed","formGrid","useFormGrid","editData","submitData","ref","item","reactive","vnode","itemVNodes","_slot2","default","attrs","_createVNode","ElTableColumn","row","h","$index","_slot","onDelte"],"mappings":"inCAc8D,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAW9D,MAAAE,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,mBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,MAAAA,OACAC,aAAAA,CACEJ,KAAAA,sBAGFK,UAAAA,SACAC,YAAAA,2BAEoBC,MAAAA,CAAM,EAAA,OAClBC,EAAAA,eAERC,EADAC,EAAAA,SAAA,EACA,KACAC,EAAAC,EAAAA,SAAA,IAAAd,EAAA,OAAAA,EAAA,MAAA,EACAe,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAC,EAAAA,IAAA,EAAA,yGAMED,EAAAA,MAAAA,EAAAA,8EAMF,cAGE,MAAAE,EAAAC,EAAAA,SAAA,EAAA,cAEE,UAAAC,KAAAC,EAAA,MACEH,EAAAA,EAAAA,MAAAA,MAAAA,EAAAA,EAAAA,MAAAA,aAEFF,EAAAA,MAAAA,KAAAA,CAAAA,CACF,qGAYK,IAAAM,2DACqC,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAAxB,EAAA,MAAsB,EAAA,CAAAyB,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,CAAA,MAAA,gEAKtE,MAAAV,EAAA,cAAAf,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAyB,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,QAAAA,EAAAA,WAAAA,cAEpB,OAAA,GAAA,aAAA,KAAA,EAAAC,CAAA,EAAA,CAAmCD,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,gBAAAA,CAAA,KAAA,QAAA,MAAA,IAAA,MAAA,QAAA,EAAA,IAAA,EAAAhB,EAAA,UAAA,EAAA,IAAAa,GAAAK,EAAAA,YAAAC,gBAAA,sCAGC,MAAA,QAAA,EAAA,CAE3DH,QAAAA,CAAAA,CAAYI,IAAAA,CAAsC,IAAAC,EAAAA,EAAAR,EAAA,4EAI9C,CAAA,CAAA,EAAAK,EAAAA,YAAAC,gBAAA,kCAIsC,MAAA,QAAA,EAAA,CAE5CH,QAAAA,CAAAA,CAAYM,OAAAA,MAA4B,IAAAC,mCAAA,KAAA,SAAA,KAAA,GAAA,QAAA,IAAAC,EAAAF,CAAA,6CAEjB,CAAA,CAAA,CAEtB,CAAA,CAAA,8BAAA,MAAA,oFAKW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAK1B,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/data-list-input/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\nimport {\n  ElButton,\n  ElFormItem,\n  ElTable,\n  ElTableColumn,\n  type FormItemRule,\n  type TableProps,\n} from 'element-plus'\nimport { computed, defineComponent, h, reactive, ref, watch } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport { useForm, useFormGrid } from '@/hooks'\nimport { useI18n } from 'vue-i18n'\nimport { SkyDataListItemInput } from '../data-list-item-input'\n\nexport interface SkyDataListInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: Array<Record<string, unknown>>\n  serialize?: (v: Array<Record<string, unknown>>) => unknown\n  unserialize?: (v: unknown) => Array<Record<string, unknown>>\n}\n\nexport const SkyDataListInput = defineComponent<\n  SkyDataListInputProps & Partial<TableProps<Record<string, unknown>>>\n>({\n  name: 'SkyDataListInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    serialize: Function,\n    unserialize: Function,\n  },\n  setup(props, { attrs, slots }) {\n    const { t } = useI18n()\n    const route = useRoute()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const title = computed(() => props.label || props.source)\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const submitData = ref<Array<Record<string, unknown>>>([])\n    const itemVNodes = computed(() =>\n      slots.default?.().filter((vnode) => vnode.type === SkyDataListItemInput),\n    )\n\n    if (typeof formData[props.source] === 'undefined') {\n      submitData.value = props.defaultValue!\n    }\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Array<Record<string, unknown>>\n      submitData.value = props.unserialize?.(ed) ?? ed\n    }\n\n    const onAdd = () => {\n      const item: Record<string, unknown> = reactive({})\n      if (itemVNodes.value) {\n        for (const vnode of itemVNodes.value) {\n          item[vnode.props!.source] = vnode.props!.defaultValue\n        }\n        submitData.value.push(item)\n      }\n    }\n\n    const onDelte = (index: number) => {\n      submitData.value.splice(index, 1)\n    }\n\n    watch(\n      // submitData.value -> Reactive 对象，watch 会自动转成 deep: true 深度监听\n      submitData.value,\n      () => (formData[props.source] = props.serialize?.(submitData.value) ?? submitData.value),\n      {\n        // 当然也可以显示给出 deep: true\n        deep: true,\n        immediate: true,\n      },\n    )\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class=\"sky-data-list-input\"\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElTable data={submitData.value} border max-height=\"300\" {...attrs}>\n            <ElTableColumn type=\"index\" label=\"#\" align=\"center\" />\n            {slots.default?.().map((vnode) => (\n              <ElTableColumn label={vnode.props?.label || vnode.props!.source} align=\"center\">\n                {{\n                  default: ({ row }: { row: Record<string, unknown> }) =>\n                    h(vnode, {\n                      modelValue: row[vnode.props!.source],\n                      'onUpdate:modelValue': (v: unknown) => (row[vnode.props!.source] = v),\n                    }),\n                }}\n              </ElTableColumn>\n            ))}\n            <ElTableColumn label={t('dataListInput.operate')} align=\"center\">\n              {{\n                default: ({ $index }: { $index: number }) => (\n                  <ElButton type=\"danger\" text onClick={() => onDelte($index)}>\n                    {t('button.remove')}\n                  </ElButton>\n                ),\n              }}\n            </ElTableColumn>\n          </ElTable>\n          <ElButton class=\"sky-data-list-input__button-add\" onClick={onAdd}>\n            {t('button.add')}\n          </ElButton>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyDataListInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","defaultValue","serialize","unserialize","slots","t","routeMeta","useRoute","title","computed","formGrid","useFormGrid","editData","submitData","ref","item","reactive","vnode","itemVNodes","deep","immediate","_slot2","default","attrs","_createVNode","ElTableColumn","row","h","$index","_slot","onDelte"],"mappings":"inCAc8D,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAW9D,MAAAE,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,mBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,MAAAA,OACAC,aAAAA,CACEJ,KAAAA,sBAGFK,UAAAA,SACAC,YAAAA,2BAEoBC,MAAAA,CAAM,EAAA,OAClBC,EAAAA,eAERC,EADAC,EAAAA,SAAA,EACA,KACAC,EAAAC,EAAAA,SAAA,IAAAd,EAAA,OAAAA,EAAA,MAAA,EACAe,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAC,EAAAA,IAAA,EAAA,yGAMED,EAAAA,MAAAA,EAAAA,8EAMF,cAGE,MAAAE,EAAAC,EAAAA,SAAA,EAAA,cAEE,UAAAC,KAAAC,EAAA,MACEH,EAAAA,EAAAA,MAAAA,MAAAA,EAAAA,EAAAA,MAAAA,aAEFF,EAAAA,MAAAA,KAAAA,CAAAA,CACF,sGAaEM,KAAAA,GACAC,UAAAA,EACF,CAAA,OAGK,IAAAC,2DACqC,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAA1B,EAAA,MAAsB,EAAA,CAAA2B,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,CAAA,MAAA,gEAKtE,MAAAZ,EAAA,cAAAf,EAAA,MAAA,GAAA,EACiC,EAAA,CAAA2B,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,QAAAA,EAAAA,WAAAA,cAEpB,OAAA,GAAA,aAAA,KAAA,EAAAC,CAAA,EAAA,CAAmCD,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,gBAAAA,CAAA,KAAA,QAAA,MAAA,IAAA,MAAA,QAAA,EAAA,IAAA,EAAAlB,EAAA,UAAA,EAAA,IAAAa,GAAAO,EAAAA,YAAAC,gBAAA,sCAGC,MAAA,QAAA,EAAA,CAE3DH,QAAAA,CAAAA,CAAYI,IAAAA,CAAsC,IAAAC,EAAAA,EAAAV,EAAA,4EAI9C,CAAA,CAAA,EAAAO,EAAAA,YAAAC,gBAAA,kCAIsC,MAAA,QAAA,EAAA,CAE5CH,QAAAA,CAAAA,CAAYM,OAAAA,MAA4B,IAAAC,mCAAA,KAAA,SAAA,KAAA,GAAA,QAAA,IAAAC,EAAAF,CAAA,6CAEjB,CAAA,CAAA,CAEtB,CAAA,CAAA,8BAAA,MAAA,oFAKW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAK1B,CACF,CAAA"}

package/dist/components/data-list-input/index.mjs

@@ -24,10 +24,10 @@ import { useFormGrid as N } from "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
 import { useI18n as O } from "vue-i18n";
 import { SkyDataListItemInput as G } from "../data-list-item-input/index.mjs";
-function f(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !_(t);
+function f(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !_(e);
 }
-const mt = /* @__PURE__ */ D({
+const se = /* @__PURE__ */ D({
   name: "SkyDataListInput",
   inheritAttrs: !1,
   props: {
@@ -44,46 +44,55 @@ const mt = /* @__PURE__ */ D({
     serialize: Function,
     unserialize: Function
   },
-  setup(t, {
+  setup(e, {
     attrs: b,
     slots: n
   }) {
     const {
       t: l
-    } = O(), y = A().meta, v = p(() => t.label || t.source), g = N(), {
-      formData: s,
-      editData: m
-    } = L(), r = I([]), c = p(() => n.default?.().filter((e) => e.type === G));
-    if (typeof s[t.source] > "u" && (r.value = t.defaultValue), m.value) {
-      const e = m.value[t.source];
-      r.value = t.unserialize?.(e) ?? e;
+    } = O(), y = A().meta, v = p(() => e.label || e.source), g = N(), {
+      formData: m,
+      editData: s
+    } = L(), o = I([]), c = p(() => n.default?.().filter((t) => t.type === G));
+    if (typeof m[e.source] > "u" && (o.value = e.defaultValue), s.value) {
+      const t = s.value[e.source];
+      o.value = e.unserialize?.(t) ?? t;
     }
     const k = () => {
-      const e = j({});
+      const t = j({});
       if (c.value) {
-        for (const o of c.value)
-          e[o.props.source] = o.props.defaultValue;
-        r.value.push(e);
+        for (const r of c.value)
+          t[r.props.source] = r.props.defaultValue;
+        o.value.push(t);
       }
-    }, S = (e) => {
-      r.value.splice(e, 1);
+    }, S = (t) => {
+      o.value.splice(t, 1);
     };
-    return h(r, () => s[t.source] = t.serialize?.(r.value) ?? r.value), () => {
-      let e;
+    return h(
+      // submitData.value -> Reactive 对象，watch 会自动转成 deep: true 深度监听
+      o.value,
+      () => m[e.source] = e.serialize?.(o.value) ?? o.value,
+      {
+        // 当然也可以显示给出 deep: true
+        deep: !0,
+        immediate: !0
+      }
+    ), () => {
+      let t;
       return a(E, {
         resource: y.resource,
         action: ["create", "edit"],
-        column: t.source
+        column: e.source
       }, {
         default: () => [a(x, {
           class: "sky-data-list-input",
           label: v.value,
-          prop: t.source,
-          rules: t.rules,
-          style: g ? `grid-area: ${t.source}` : ""
+          prop: e.source,
+          rules: e.rules,
+          style: g ? `grid-area: ${e.source}` : ""
         }, {
           default: () => [a(z, C({
-            data: r.value,
+            data: o.value,
             border: !0,
             "max-height": "300"
           }, b), {
@@ -91,28 +100,28 @@ const mt = /* @__PURE__ */ D({
               type: "index",
               label: "#",
               align: "center"
-            }, null), n.default?.().map((o) => a(i, {
-              label: o.props?.label || o.props.source,
+            }, null), n.default?.().map((r) => a(i, {
+              label: r.props?.label || r.props.source,
               align: "center"
             }, {
               default: ({
                 row: u
-              }) => F(o, {
-                modelValue: u[o.props.source],
-                "onUpdate:modelValue": (V) => u[o.props.source] = V
+              }) => F(r, {
+                modelValue: u[r.props.source],
+                "onUpdate:modelValue": (V) => u[r.props.source] = V
               })
             })), a(i, {
               label: l("dataListInput.operate"),
               align: "center"
             }, {
               default: ({
-                $index: o
+                $index: r
               }) => {
                 let u;
                 return a(d, {
                   type: "danger",
                   text: !0,
-                  onClick: () => S(o)
+                  onClick: () => S(r)
                 }, f(u = l("button.remove")) ? u : {
                   default: () => [u]
                 });
@@ -121,8 +130,8 @@ const mt = /* @__PURE__ */ D({
           }), a(d, {
             class: "sky-data-list-input__button-add",
             onClick: k
-          }, f(e = l("button.add")) ? e : {
-            default: () => [e]
+          }, f(t = l("button.add")) ? t : {
+            default: () => [t]
           })]
         })]
       });
@@ -130,6 +139,6 @@ const mt = /* @__PURE__ */ D({
   }
 });
 export {
-  mt as SkyDataListInput
+  se as SkyDataListInput
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/data-list-input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/data-list-input/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\nimport {\n  ElButton,\n  ElFormItem,\n  ElTable,\n  ElTableColumn,\n  type FormItemRule,\n  type TableProps,\n} from 'element-plus'\nimport { computed, defineComponent, h, reactive, ref, watch } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport { useForm, useFormGrid } from '@/hooks'\nimport { useI18n } from 'vue-i18n'\nimport { SkyDataListItemInput } from '../data-list-item-input'\n\nexport interface SkyDataListInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: Array<Record<string, unknown>>\n  serialize?: (v: Array<Record<string, unknown>>) => unknown\n  unserialize?: (v: unknown) => Array<Record<string, unknown>>\n}\n\nexport const SkyDataListInput = defineComponent<\n  SkyDataListInputProps & Partial<TableProps<Record<string, unknown>>>\n>({\n  name: 'SkyDataListInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    serialize: Function,\n    unserialize: Function,\n  },\n  setup(props, { attrs, slots }) {\n    const { t } = useI18n()\n    const route = useRoute()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const title = computed(() => props.label || props.source)\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const submitData = ref<Array<Record<string, unknown>>>([])\n    const itemVNodes = computed(() =>\n      slots.default?.().filter((vnode) => vnode.type === SkyDataListItemInput),\n    )\n\n    if (typeof formData[props.source] === 'undefined') {\n      submitData.value = props.defaultValue!\n    }\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Array<Record<string, unknown>>\n      submitData.value = props.unserialize?.(ed) ?? ed\n    }\n\n    const onAdd = () => {\n      const item: Record<string, unknown> = reactive({})\n      if (itemVNodes.value) {\n        for (const vnode of itemVNodes.value) {\n          item[vnode.props!.source] = vnode.props!.defaultValue\n        }\n        submitData.value.push(item)\n      }\n    }\n\n    const onDelte = (index: number) => {\n      submitData.value.splice(index, 1)\n    }\n\n    watch(\n      submitData,\n      () => (formData[props.source] = props.serialize?.(submitData.value) ?? submitData.value),\n    )\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class=\"sky-data-list-input\"\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElTable data={submitData.value} border max-height=\"300\" {...attrs}>\n            <ElTableColumn type=\"index\" label=\"#\" align=\"center\" />\n            {slots.default?.().map((vnode) => (\n              <ElTableColumn label={vnode.props?.label || vnode.props!.source} align=\"center\">\n                {{\n                  default: ({ row }: { row: Record<string, unknown> }) =>\n                    h(vnode, {\n                      modelValue: row[vnode.props!.source],\n                      'onUpdate:modelValue': (v: unknown) => (row[vnode.props!.source] = v),\n                    }),\n                }}\n              </ElTableColumn>\n            ))}\n            <ElTableColumn label={t('dataListInput.operate')} align=\"center\">\n              {{\n                default: ({ $index }: { $index: number }) => (\n                  <ElButton type=\"danger\" text onClick={() => onDelte($index)}>\n                    {t('button.remove')}\n                  </ElButton>\n                ),\n              }}\n            </ElTableColumn>\n          </ElTable>\n          <ElButton class=\"sky-data-list-input__button-add\" onClick={onAdd}>\n            {t('button.add')}\n          </ElButton>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyDataListInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","defaultValue","serialize","unserialize","slots","t","routeMeta","useRoute","title","computed","formGrid","useFormGrid","editData","submitData","ref","item","reactive","vnode","itemVNodes","_slot2","default","attrs","_createVNode","ElTableColumn","row","h","$index","_slot","onDelte"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAc8D,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAW9D,MAAAE,KAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACEJ,MAAAA;AAAAA;;IAGFK,WAAAA;AAAAA,IACAC,aAAAA;AAAAA;;;IAEoBC,OAAAA;AAAAA,EAAM,GAAA;;MAClBC,GAAAA;AAAAA,aAERC,IADAC,EAAA,EACA,MACAC,IAAAC,EAAA,MAAAd,EAAA,SAAAA,EAAA,MAAA,GACAe,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAC,EAAA,EAAA;qCAMED,EAAAA,QAAAA,EAAAA;;;IAMF;;AAGE,YAAAE,IAAAC,EAAA,EAAA;;AAEE,mBAAAC,KAAAC,EAAA;AACEH,UAAAA,EAAAA,EAAAA,MAAAA,MAAAA,IAAAA,EAAAA,MAAAA;AAEFF,QAAAA,EAAAA,MAAAA,KAAAA,CAAAA;AAAAA,MACF;AAAA;;;;AAYK,UAAAM;;;QACqC,QAAA,CAAA,UAAA,MAAA;AAAA,QAA4B,QAAAxB,EAAA;AAAA,MAAsB,GAAA;AAAA,QAAAyB,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,UAAA,OAAA;AAAA;;;UAKtE,OAAAV,IAAA,cAAAf,EAAA,MAAA,KAAA;AAAA,QACiC,GAAA;AAAA,UAAAyB,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA;YAEpB,QAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAC,CAAA,GAAA;AAAA,YAAmCD,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,cAAA,MAAA;AAAA,cAAA,OAAA;AAAA,cAAA,OAAA;AAAA,YAAA,GAAA,IAAA,GAAAhB,EAAA,UAAA,EAAA,IAAA,CAAAa,MAAAK,EAAAC,GAAA;AAAA;cAGC,OAAA;AAAA,YAAA,GAAA;AAAA,cAE3DH,SAAAA,CAAAA;AAAAA,gBAAYI,KAAAA;AAAAA,cAAsC,MAAAC,EAAAR,GAAA;AAAA;;;YAI9C,CAAA,CAAA,GAAAK,EAAAC,GAAA;AAAA;cAIsC,OAAA;AAAA,YAAA,GAAA;AAAA,cAE5CH,SAAAA,CAAAA;AAAAA,gBAAYM,QAAAA;AAAAA;AAA4B,oBAAAC;;kBAAA,MAAA;AAAA,kBAAA,MAAA;AAAA,kBAAA,SAAA,MAAAC,EAAAF,CAAA;AAAA;;gBAEjB,CAAA;AAAA,cAAA;AAAA,YAEtB,CAAA,CAAA;AAAA;YAAA,OAAA;AAAA;;;UAKW,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK1B;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/data-list-input/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\nimport {\n  ElButton,\n  ElFormItem,\n  ElTable,\n  ElTableColumn,\n  type FormItemRule,\n  type TableProps,\n} from 'element-plus'\nimport { computed, defineComponent, h, reactive, ref, watch } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport { useForm, useFormGrid } from '@/hooks'\nimport { useI18n } from 'vue-i18n'\nimport { SkyDataListItemInput } from '../data-list-item-input'\n\nexport interface SkyDataListInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: Array<Record<string, unknown>>\n  serialize?: (v: Array<Record<string, unknown>>) => unknown\n  unserialize?: (v: unknown) => Array<Record<string, unknown>>\n}\n\nexport const SkyDataListInput = defineComponent<\n  SkyDataListInputProps & Partial<TableProps<Record<string, unknown>>>\n>({\n  name: 'SkyDataListInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    serialize: Function,\n    unserialize: Function,\n  },\n  setup(props, { attrs, slots }) {\n    const { t } = useI18n()\n    const route = useRoute()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const title = computed(() => props.label || props.source)\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const submitData = ref<Array<Record<string, unknown>>>([])\n    const itemVNodes = computed(() =>\n      slots.default?.().filter((vnode) => vnode.type === SkyDataListItemInput),\n    )\n\n    if (typeof formData[props.source] === 'undefined') {\n      submitData.value = props.defaultValue!\n    }\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Array<Record<string, unknown>>\n      submitData.value = props.unserialize?.(ed) ?? ed\n    }\n\n    const onAdd = () => {\n      const item: Record<string, unknown> = reactive({})\n      if (itemVNodes.value) {\n        for (const vnode of itemVNodes.value) {\n          item[vnode.props!.source] = vnode.props!.defaultValue\n        }\n        submitData.value.push(item)\n      }\n    }\n\n    const onDelte = (index: number) => {\n      submitData.value.splice(index, 1)\n    }\n\n    watch(\n      // submitData.value -> Reactive 对象，watch 会自动转成 deep: true 深度监听\n      submitData.value,\n      () => (formData[props.source] = props.serialize?.(submitData.value) ?? submitData.value),\n      {\n        // 当然也可以显示给出 deep: true\n        deep: true,\n        immediate: true,\n      },\n    )\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class=\"sky-data-list-input\"\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElTable data={submitData.value} border max-height=\"300\" {...attrs}>\n            <ElTableColumn type=\"index\" label=\"#\" align=\"center\" />\n            {slots.default?.().map((vnode) => (\n              <ElTableColumn label={vnode.props?.label || vnode.props!.source} align=\"center\">\n                {{\n                  default: ({ row }: { row: Record<string, unknown> }) =>\n                    h(vnode, {\n                      modelValue: row[vnode.props!.source],\n                      'onUpdate:modelValue': (v: unknown) => (row[vnode.props!.source] = v),\n                    }),\n                }}\n              </ElTableColumn>\n            ))}\n            <ElTableColumn label={t('dataListInput.operate')} align=\"center\">\n              {{\n                default: ({ $index }: { $index: number }) => (\n                  <ElButton type=\"danger\" text onClick={() => onDelte($index)}>\n                    {t('button.remove')}\n                  </ElButton>\n                ),\n              }}\n            </ElTableColumn>\n          </ElTable>\n          <ElButton class=\"sky-data-list-input__button-add\" onClick={onAdd}>\n            {t('button.add')}\n          </ElButton>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyDataListInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","defaultValue","serialize","unserialize","slots","t","routeMeta","useRoute","title","computed","formGrid","useFormGrid","editData","submitData","ref","item","reactive","vnode","itemVNodes","deep","immediate","_slot2","default","attrs","_createVNode","ElTableColumn","row","h","$index","_slot","onDelte"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAc8D,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAW9D,MAAAE,KAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACEJ,MAAAA;AAAAA;;IAGFK,WAAAA;AAAAA,IACAC,aAAAA;AAAAA;;;IAEoBC,OAAAA;AAAAA,EAAM,GAAA;;MAClBC,GAAAA;AAAAA,aAERC,IADAC,EAAA,EACA,MACAC,IAAAC,EAAA,MAAAd,EAAA,SAAAA,EAAA,MAAA,GACAe,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAC,EAAA,EAAA;qCAMED,EAAAA,QAAAA,EAAAA;;;IAMF;;AAGE,YAAAE,IAAAC,EAAA,EAAA;;AAEE,mBAAAC,KAAAC,EAAA;AACEH,UAAAA,EAAAA,EAAAA,MAAAA,MAAAA,IAAAA,EAAAA,MAAAA;AAEFF,QAAAA,EAAAA,MAAAA,KAAAA,CAAAA;AAAAA,MACF;AAAA;;;;;;;;;QAaEM,MAAAA;AAAAA,QACAC,WAAAA;AAAAA,MACF;AAAA,IAAA;AAGK,UAAAC;;;QACqC,QAAA,CAAA,UAAA,MAAA;AAAA,QAA4B,QAAA1B,EAAA;AAAA,MAAsB,GAAA;AAAA,QAAA2B,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,UAAA,OAAA;AAAA;;;UAKtE,OAAAZ,IAAA,cAAAf,EAAA,MAAA,KAAA;AAAA,QACiC,GAAA;AAAA,UAAA2B,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA;YAEpB,QAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAAAC,CAAA,GAAA;AAAA,YAAmCD,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,cAAA,MAAA;AAAA,cAAA,OAAA;AAAA,cAAA,OAAA;AAAA,YAAA,GAAA,IAAA,GAAAlB,EAAA,UAAA,EAAA,IAAA,CAAAa,MAAAO,EAAAC,GAAA;AAAA;cAGC,OAAA;AAAA,YAAA,GAAA;AAAA,cAE3DH,SAAAA,CAAAA;AAAAA,gBAAYI,KAAAA;AAAAA,cAAsC,MAAAC,EAAAV,GAAA;AAAA;;;YAI9C,CAAA,CAAA,GAAAO,EAAAC,GAAA;AAAA;cAIsC,OAAA;AAAA,YAAA,GAAA;AAAA,cAE5CH,SAAAA,CAAAA;AAAAA,gBAAYM,QAAAA;AAAAA;AAA4B,oBAAAC;;kBAAA,MAAA;AAAA,kBAAA,MAAA;AAAA,kBAAA,SAAA,MAAAC,EAAAF,CAAA;AAAA;;gBAEjB,CAAA;AAAA,cAAA;AAAA,YAEtB,CAAA,CAAA;AAAA;YAAA,OAAA;AAAA;;;UAKW,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK1B;AACF,CAAA;"}

package/dist/components/file-multiple-input/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");const t=require("vue"),m=require("element-plus"),f=require("vue-router");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const q=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const y=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");require("vue-i18n");const v=require("../can-access/index.cjs"),S=require("../file-multiple-model-input/index.cjs"),F=t.defineComponent({name:"SkyFileMultipleInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,rules:Object,type:{type:String,default:"file"},dataName:{type:String,default:"name"},dataUrl:{type:String,default:"url"},limit:{type:Number,default:1},autoUpload:{type:Boolean,default:!0},defaultValue:{type:Array,default:()=>[]},serialize:Function,unserialize:Function},setup(e,{slots:i,attrs:n}){const o=f.useRoute(),d=y.useFormGrid(),{formData:a,editData:l}=q.useForm(),c=t.computed(()=>e.label||e.source),s=o.meta,u=t.ref([]);if(typeof a[e.source]>"u"&&(u.value=e.defaultValue),l.value){const r=l.value[e.source];u.value=e.unserialize?.(r)??r}return t.watch(u,()=>a[e.source]=e.serialize?.(u.value)??u.value),()=>t.createVNode(v.SkyCanAccess,{resource:s.resource,action:["create","edit"],column:e.source},{default:()=>[t.createVNode(m.ElFormItem,{class:["sky-file-multiple-input",`is-${e.type}`],label:c.value,prop:e.source,rules:e.rules,style:d?`grid-area: ${e.source}`:""},{default:()=>[t.createVNode(S.SkyFileMultipleModelInput,t.mergeProps({modelValue:u.value,"onUpdate:modelValue":r=>u.value=r,type:e.type,dataName:e.dataName,dataUrl:e.dataUrl,limit:e.limit,autoUpload:e.autoUpload},n),{default:()=>[i.default?.()]})]})]})}});exports.SkyFileMultipleInput=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");const t=require("vue"),f=require("element-plus"),q=require("vue-router");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const y=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const S=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");require("vue-i18n");const F=require("../can-access/index.cjs"),g=require("../file-multiple-model-input/index.cjs"),v=t.defineComponent({name:"SkyFileMultipleInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,rules:Object,type:{type:String,default:"file"},dataName:{type:String,default:"name"},dataUrl:{type:String,default:"url"},limit:{type:Number,default:1},autoUpload:{type:Boolean,default:!0},defaultValue:{type:Array,default:()=>[]},serialize:Function,unserialize:Function},setup(e,{slots:a,attrs:n}){const o=q.useRoute(),d=S.useFormGrid(),{formData:i,editData:l}=y.useForm(),c=t.computed(()=>e.label||e.source),r=t.ref([]),s=o.meta;if(typeof i[e.source]>"u"&&(r.value=e.defaultValue),l.value){const u=l.value[e.source];r.value=e.unserialize?.(u)??u}const m=u=>i[e.source]=e.serialize?.(u)??u;return()=>t.createVNode(F.SkyCanAccess,{resource:s.resource,action:["create","edit"],column:e.source},{default:()=>[t.createVNode(f.ElFormItem,{class:["sky-file-multiple-input",`is-${e.type}`],label:c.value,prop:e.source,rules:e.rules,style:d?`grid-area: ${e.source}`:""},{default:()=>[t.createVNode(g.SkyFileMultipleModelInput,t.mergeProps({modelValue:r.value,"onUpdate:modelValue":m,type:e.type,dataName:e.dataName,dataUrl:e.dataUrl,limit:e.limit,autoUpload:e.autoUpload},n),{default:()=>[a.default?.()]})]})]})}});exports.SkyFileMultipleInput=v;
 //# sourceMappingURL=index.cjs.map

package/dist/components/file-multiple-input/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/file-multiple-input/index.tsx"],"sourcesContent":["import { ElFormItem, type FormItemRule, type UploadProps } from 'element-plus'\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useForm, useFormGrid } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\nimport { SkyFileMultipleModelInput } from '../file-multiple-model-input'\n\nexport interface SkyFileMultipleInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  type?: 'file' | 'image'\n  dataName?: string\n  dataUrl?: string\n  limit?: number\n  autoUpload?: UploadProps['autoUpload']\n  defaultValue?: Array<Record<string, unknown>>\n  serialize?: (v: Array<Record<string, unknown>>) => unknown\n  unserialize?: (v: unknown) => Array<Record<string, unknown>>\n}\n\nexport const SkyFileMultipleInput = defineComponent<\n  SkyFileMultipleInputProps & Partial<UploadProps>\n>({\n  name: 'SkyFileMultipleInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    type: {\n      type: String,\n      default: 'file',\n    },\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n    limit: {\n      type: Number,\n      default: 1,\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    serialize: Function,\n    unserialize: Function,\n  },\n  setup(props, { slots, attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const title = computed<string>(() => props.label || props.source)\n    // init fileList\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const submitData = ref<Array<Record<string, unknown>>>([])\n\n    if (typeof formData[props.source] === 'undefined') {\n      submitData.value = props.defaultValue!\n    }\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Array<Record<string, unknown>>\n      submitData.value = props.unserialize?.(ed) ?? ed\n    }\n\n    watch(\n      submitData,\n      () => (formData[props.source] = props.serialize?.(submitData.value) ?? submitData.value),\n    )\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class={['sky-file-multiple-input', `is-${props.type}`]}\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <SkyFileMultipleModelInput\n            modelValue={submitData.value}\n            onUpdate:modelValue={(v) => (submitData.value = v)}\n            type={props.type}\n            dataName={props.dataName}\n            dataUrl={props.dataUrl}\n            limit={props.limit}\n            autoUpload={props.autoUpload}\n            {...attrs}\n          >\n            {slots.default?.()}\n          </SkyFileMultipleModelInput>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","default","dataName","dataUrl","limit","autoUpload","defaultValue","serialize","unserialize","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","routeMeta","submitData","ref","v"],"mappings":"08BAsBAA,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,uBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,MAAAA,OACAH,KAAAA,CACEA,KAAAA,OACAI,QAAAA,QAEFC,SAAAA,CACEL,KAAAA,OACAI,QAAAA,QAEFE,QAAAA,CACEN,KAAAA,OACAI,QAAAA,OAEFG,MAAAA,CACEP,KAAAA,OACAI,QAAAA,GAEFI,WAAAA,CACER,KAAAA,QACAI,QAAAA,IAEFK,aAAAA,CACET,KAAAA,sBAGFU,UAAAA,SACAC,YAAAA,2BAEoBC,MAAAA,CAAM,EAAA,CAC1B,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAC,EAAAA,SAAA,IAAArB,EAAA,OAAAA,EAAA,MAAA,EAEAsB,EAAAP,EAAA,KACAQ,EAAAC,EAAAA,IAAA,EAAA,8BAGED,EAAAA,MAAAA,EAAAA,8EAMF,yHAQ4C,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAAvB,EAAA,MAAsB,EAAA,CAAAM,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,4FAKtE,MAAAW,EAAA,cAAAjB,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAM,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,0BAAAA,EAAAA,WAAAA,oBAGrB,sBAAAmB,GAAAF,EAAA,MAAAE,kEAKV,WAAAzB,EAAA,UACU,EAAAc,CAAA,EAAA,CACnBR,QAAAA,IAAAA,CAAAA,EAAAA,UAAAA,CAAAA,CAES,CAAA,CAAA,CAAA,CAAA,CAAA,GAK5B,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/file-multiple-input/index.tsx"],"sourcesContent":["import { ElFormItem, type FormItemRule, type UploadProps } from 'element-plus'\nimport { computed, defineComponent, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useForm, useFormGrid } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\nimport { SkyFileMultipleModelInput } from '../file-multiple-model-input'\n\nexport interface SkyFileMultipleInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  type?: 'file' | 'image'\n  dataName?: string\n  dataUrl?: string\n  limit?: number\n  autoUpload?: UploadProps['autoUpload']\n  defaultValue?: Array<Record<string, unknown>>\n  serialize?: (v: Array<Record<string, unknown>>) => unknown\n  unserialize?: (v: unknown) => Array<Record<string, unknown>>\n}\n\nexport const SkyFileMultipleInput = defineComponent<\n  SkyFileMultipleInputProps & Partial<UploadProps>\n>({\n  name: 'SkyFileMultipleInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    type: {\n      type: String,\n      default: 'file',\n    },\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n    limit: {\n      type: Number,\n      default: 1,\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    serialize: Function,\n    unserialize: Function,\n  },\n  setup(props, { slots, attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const title = computed<string>(() => props.label || props.source)\n    // init fileList 给 modelValue 仅仅是初始化的作用，不依赖它的双向绑定\n    const fileList = ref<Array<Record<string, unknown>>>([])\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    // const submitData = ref<Array<Record<string, unknown>>>([])\n\n    if (typeof formData[props.source] === 'undefined') {\n      fileList.value = props.defaultValue!\n    }\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Array<Record<string, unknown>>\n      fileList.value = props.unserialize?.(ed) ?? ed\n    }\n\n    const onUpdate = (v: Array<Record<string, unknown>>) =>\n      (formData[props.source] = props.serialize?.(v) ?? v)\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class={['sky-file-multiple-input', `is-${props.type}`]}\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <SkyFileMultipleModelInput\n            modelValue={fileList.value}\n            onUpdate:modelValue={onUpdate}\n            type={props.type}\n            dataName={props.dataName}\n            dataUrl={props.dataUrl}\n            limit={props.limit}\n            autoUpload={props.autoUpload}\n            {...attrs}\n          >\n            {slots.default?.()}\n          </SkyFileMultipleModelInput>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","default","dataName","dataUrl","limit","autoUpload","defaultValue","serialize","unserialize","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","fileList","ref","routeMeta","onUpdate","v","formData"],"mappings":"08BAsBAA,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,uBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,MAAAA,OACAH,KAAAA,CACEA,KAAAA,OACAI,QAAAA,QAEFC,SAAAA,CACEL,KAAAA,OACAI,QAAAA,QAEFE,QAAAA,CACEN,KAAAA,OACAI,QAAAA,OAEFG,MAAAA,CACEP,KAAAA,OACAI,QAAAA,GAEFI,WAAAA,CACER,KAAAA,QACAI,QAAAA,IAEFK,aAAAA,CACET,KAAAA,sBAGFU,UAAAA,SACAC,YAAAA,2BAEoBC,MAAAA,CAAM,EAAA,CAC1B,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAC,EAAAA,SAAA,IAAArB,EAAA,OAAAA,EAAA,MAAA,EAEAsB,EAAAC,EAAAA,IAAA,EAAA,EACAC,EAAAT,EAAA,iCAIEO,EAAAA,MAAAA,EAAAA,8EAMF,CAEA,MAAAG,EAAAC,GAAAC,EAAA3B,EAAA,MAAA,EAAAA,EAAA,YAAA0B,CAAA,GAAAA,8DAI4C,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAA1B,EAAA,MAAsB,EAAA,CAAAM,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,4FAKtE,MAAAW,EAAA,cAAAjB,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAM,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,0BAAAA,EAAAA,WAAAA,oBAGvB,sBAAAmB,kEAKR,WAAAzB,EAAA,UACU,EAAAc,CAAA,EAAA,CACnBR,QAAAA,IAAAA,CAAAA,EAAAA,UAAAA,CAAAA,CAES,CAAA,CAAA,CAAA,CAAA,CAAA,GAK5B,CACF,CAAA"}

package/dist/components/file-multiple-input/index.mjs

@@ -1,7 +1,7 @@
 import "element-plus/es/components/form-item/style/css";
-import { defineComponent as f, computed as s, ref as p, watch as y, createVNode as l, mergeProps as v } from "vue";
-import { ElFormItem as S } from "element-plus";
-import { useRoute as F } from "vue-router";
+import { defineComponent as s, computed as p, ref as y, createVNode as r, mergeProps as S } from "vue";
+import { ElFormItem as F } from "element-plus";
+import { useRoute as U } from "vue-router";
 import "../../hooks/useUser.mjs";
 import "../../hooks/usePermission.mjs";
 import "../../hooks/useMenu.mjs";
@@ -16,12 +16,12 @@ import { useForm as g } from "../../hooks/useForm.mjs";
 import "../../hooks/useShow.mjs";
 import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
-import { useFormGrid as U } from "../../hooks/useFormGrid.mjs";
+import { useFormGrid as b } from "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
 import "vue-i18n";
-import { SkyCanAccess as b } from "../can-access/index.mjs";
-import { SkyFileMultipleModelInput as k } from "../file-multiple-model-input/index.mjs";
-const L = /* @__PURE__ */ f({
+import { SkyCanAccess as k } from "../can-access/index.mjs";
+import { SkyFileMultipleModelInput as v } from "../file-multiple-model-input/index.mjs";
+const K = /* @__PURE__ */ s({
   name: "SkyFileMultipleInput",
   inheritAttrs: !1,
   props: {
@@ -59,45 +59,46 @@ const L = /* @__PURE__ */ f({
     unserialize: Function
   },
   setup(e, {
-    slots: u,
-    attrs: o
+    slots: o,
+    attrs: u
   }) {
-    const m = F(), d = U(), {
-      formData: r,
-      editData: i
-    } = g(), n = s(() => e.label || e.source), c = m.meta, t = p([]);
-    if (typeof r[e.source] > "u" && (t.value = e.defaultValue), i.value) {
-      const a = i.value[e.source];
-      t.value = e.unserialize?.(a) ?? a;
+    const m = U(), n = b(), {
+      formData: a,
+      editData: l
+    } = g(), d = p(() => e.label || e.source), i = y([]), f = m.meta;
+    if (typeof a[e.source] > "u" && (i.value = e.defaultValue), l.value) {
+      const t = l.value[e.source];
+      i.value = e.unserialize?.(t) ?? t;
     }
-    return y(t, () => r[e.source] = e.serialize?.(t.value) ?? t.value), () => l(b, {
-      resource: c.resource,
+    const c = (t) => a[e.source] = e.serialize?.(t) ?? t;
+    return () => r(k, {
+      resource: f.resource,
       action: ["create", "edit"],
       column: e.source
     }, {
-      default: () => [l(S, {
+      default: () => [r(F, {
         class: ["sky-file-multiple-input", `is-${e.type}`],
-        label: n.value,
+        label: d.value,
         prop: e.source,
         rules: e.rules,
-        style: d ? `grid-area: ${e.source}` : ""
+        style: n ? `grid-area: ${e.source}` : ""
       }, {
-        default: () => [l(k, v({
-          modelValue: t.value,
-          "onUpdate:modelValue": (a) => t.value = a,
+        default: () => [r(v, S({
+          modelValue: i.value,
+          "onUpdate:modelValue": c,
           type: e.type,
           dataName: e.dataName,
           dataUrl: e.dataUrl,
           limit: e.limit,
           autoUpload: e.autoUpload
-        }, o), {
-          default: () => [u.default?.()]
+        }, u), {
+          default: () => [o.default?.()]
         })]
       })]
     });
   }
 });
 export {
-  L as SkyFileMultipleInput
+  K as SkyFileMultipleInput
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/file-multiple-input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/file-multiple-input/index.tsx"],"sourcesContent":["import { ElFormItem, type FormItemRule, type UploadProps } from 'element-plus'\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useForm, useFormGrid } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\nimport { SkyFileMultipleModelInput } from '../file-multiple-model-input'\n\nexport interface SkyFileMultipleInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  type?: 'file' | 'image'\n  dataName?: string\n  dataUrl?: string\n  limit?: number\n  autoUpload?: UploadProps['autoUpload']\n  defaultValue?: Array<Record<string, unknown>>\n  serialize?: (v: Array<Record<string, unknown>>) => unknown\n  unserialize?: (v: unknown) => Array<Record<string, unknown>>\n}\n\nexport const SkyFileMultipleInput = defineComponent<\n  SkyFileMultipleInputProps & Partial<UploadProps>\n>({\n  name: 'SkyFileMultipleInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    type: {\n      type: String,\n      default: 'file',\n    },\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n    limit: {\n      type: Number,\n      default: 1,\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    serialize: Function,\n    unserialize: Function,\n  },\n  setup(props, { slots, attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const title = computed<string>(() => props.label || props.source)\n    // init fileList\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const submitData = ref<Array<Record<string, unknown>>>([])\n\n    if (typeof formData[props.source] === 'undefined') {\n      submitData.value = props.defaultValue!\n    }\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Array<Record<string, unknown>>\n      submitData.value = props.unserialize?.(ed) ?? ed\n    }\n\n    watch(\n      submitData,\n      () => (formData[props.source] = props.serialize?.(submitData.value) ?? submitData.value),\n    )\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class={['sky-file-multiple-input', `is-${props.type}`]}\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <SkyFileMultipleModelInput\n            modelValue={submitData.value}\n            onUpdate:modelValue={(v) => (submitData.value = v)}\n            type={props.type}\n            dataName={props.dataName}\n            dataUrl={props.dataUrl}\n            limit={props.limit}\n            autoUpload={props.autoUpload}\n            {...attrs}\n          >\n            {slots.default?.()}\n          </SkyFileMultipleModelInput>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","default","dataName","dataUrl","limit","autoUpload","defaultValue","serialize","unserialize","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","routeMeta","submitData","ref","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAH,MAAAA;AAAAA,MACEA,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFC,UAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFE,SAAAA;AAAAA,MACEN,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFG,OAAAA;AAAAA,MACEP,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFI,YAAAA;AAAAA,MACER,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFK,cAAAA;AAAAA,MACET,MAAAA;AAAAA;;IAGFU,WAAAA;AAAAA,IACAC,aAAAA;AAAAA;;;IAEoBC,OAAAA;AAAAA,EAAM,GAAA;AAC1B,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAC,EAAA,MAAArB,EAAA,SAAAA,EAAA,MAAA,GAEAsB,IAAAP,EAAA,MACAQ,IAAAC,EAAA,EAAA;qCAGED,EAAAA,QAAAA,EAAAA;;;IAMF;;;MAQ4C,QAAA,CAAA,UAAA,MAAA;AAAA,MAA4B,QAAAvB,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAM,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;;;;QAKtE,OAAAW,IAAA,cAAAjB,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAM,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA;UAGrB,uBAAA,CAAAmB,MAAAF,EAAA,QAAAE;AAAA;;;;UAKV,YAAAzB,EAAA;AAAA,QACU,GAAAc,CAAA,GAAA;AAAA,UACnBR,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,CAAAA;AAAAA,QAES,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA;EAK5B;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/file-multiple-input/index.tsx"],"sourcesContent":["import { ElFormItem, type FormItemRule, type UploadProps } from 'element-plus'\nimport { computed, defineComponent, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useForm, useFormGrid } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\nimport { SkyFileMultipleModelInput } from '../file-multiple-model-input'\n\nexport interface SkyFileMultipleInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  type?: 'file' | 'image'\n  dataName?: string\n  dataUrl?: string\n  limit?: number\n  autoUpload?: UploadProps['autoUpload']\n  defaultValue?: Array<Record<string, unknown>>\n  serialize?: (v: Array<Record<string, unknown>>) => unknown\n  unserialize?: (v: unknown) => Array<Record<string, unknown>>\n}\n\nexport const SkyFileMultipleInput = defineComponent<\n  SkyFileMultipleInputProps & Partial<UploadProps>\n>({\n  name: 'SkyFileMultipleInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    type: {\n      type: String,\n      default: 'file',\n    },\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n    limit: {\n      type: Number,\n      default: 1,\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    serialize: Function,\n    unserialize: Function,\n  },\n  setup(props, { slots, attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const title = computed<string>(() => props.label || props.source)\n    // init fileList 给 modelValue 仅仅是初始化的作用，不依赖它的双向绑定\n    const fileList = ref<Array<Record<string, unknown>>>([])\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    // const submitData = ref<Array<Record<string, unknown>>>([])\n\n    if (typeof formData[props.source] === 'undefined') {\n      fileList.value = props.defaultValue!\n    }\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Array<Record<string, unknown>>\n      fileList.value = props.unserialize?.(ed) ?? ed\n    }\n\n    const onUpdate = (v: Array<Record<string, unknown>>) =>\n      (formData[props.source] = props.serialize?.(v) ?? v)\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class={['sky-file-multiple-input', `is-${props.type}`]}\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <SkyFileMultipleModelInput\n            modelValue={fileList.value}\n            onUpdate:modelValue={onUpdate}\n            type={props.type}\n            dataName={props.dataName}\n            dataUrl={props.dataUrl}\n            limit={props.limit}\n            autoUpload={props.autoUpload}\n            {...attrs}\n          >\n            {slots.default?.()}\n          </SkyFileMultipleModelInput>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","default","dataName","dataUrl","limit","autoUpload","defaultValue","serialize","unserialize","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","fileList","ref","routeMeta","onUpdate","v","formData"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAH,MAAAA;AAAAA,MACEA,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFC,UAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFE,SAAAA;AAAAA,MACEN,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFG,OAAAA;AAAAA,MACEP,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFI,YAAAA;AAAAA,MACER,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFK,cAAAA;AAAAA,MACET,MAAAA;AAAAA;;IAGFU,WAAAA;AAAAA,IACAC,aAAAA;AAAAA;;;IAEoBC,OAAAA;AAAAA,EAAM,GAAA;AAC1B,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAC,EAAA,MAAArB,EAAA,SAAAA,EAAA,MAAA,GAEAsB,IAAAC,EAAA,EAAA,GACAC,IAAAT,EAAA;qCAIEO,EAAAA,QAAAA,EAAAA;;;IAMF;AAEA,UAAAG,IAAA,CAAAC,MAAAC,EAAA3B,EAAA,MAAA,IAAAA,EAAA,YAAA0B,CAAA,KAAAA;;;MAI4C,QAAA,CAAA,UAAA,MAAA;AAAA,MAA4B,QAAA1B,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAM,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;;;;QAKtE,OAAAW,IAAA,cAAAjB,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAM,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA;UAGvB,uBAAAmB;AAAA;;;;UAKR,YAAAzB,EAAA;AAAA,QACU,GAAAc,CAAA,GAAA;AAAA,UACnBR,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,CAAAA;AAAAA,QAES,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA;EAK5B;AACF,CAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skyline-vue-admin",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "publishConfig": {
     "access": "public"
   },