skyline-vue-admin 0.0.14 → 0.0.16

package/dist/components/auto-complete-array-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");require("element-plus/es/components/select/style/css");const t=require("vue");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 V=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const I=require("../../hooks/useFormGrid.cjs"),h=require("../../hooks/useReferenceArrayInput.cjs"),p=require("../../setup/index.cjs"),C=require("@vueuse/core"),i=require("element-plus"),D=t.defineComponent({name:"SkyAutoCompleteArrayInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,optionText:{type:String,default:"name"},optionValue:{type:String,default:"id"},filterToQuery:Function,rules:Object,defaultValue:{type:Array,default:()=>[]}},setup(e,{attrs:c}){const d=I.useFormGrid(),{formData:u,editData:a}=V.useForm(),{getList:f,listLoading:m,listData:n,reference:y}=h.useReferenceArrayInput(),q=t.computed(()=>e.label||e.source);typeof u[e.source]>"u"&&(u[e.source]=e.defaultValue),a.value&&(u[e.source]=a.value[e.source]);const g=r=>{const o=e.filterToQuery?.(r);o&&f(o)};let l;const{state:v,isLoading:A}=C.useAsyncState(async()=>{const r=u[e.source];if(r)return l=new AbortController,p.skyConfig.dataProvider?.getMany?.(y,{ids:Array.isArray(r)?r:[r],signal:l.signal})},void 0,{immediate:!0}),s=r=>{const o=r[e.optionText],b=r[e.optionValue];return{label:o,value:b}},S=t.computed(()=>n.value?.data?n.value.data.map(s):(v.value?.data||[]).map(s));return()=>t.withDirectives(t.createVNode(i.ElFormItem,{label:q.value,prop:e.source,rules:e.rules,style:d?`grid-area: ${e.source}`:""},{default:()=>[t.createVNode(i.ElSelect,t.mergeProps({modelValue:u[e.source],"onUpdate:modelValue":r=>u[e.source]=r,multiple:!0,filterable:!0,remote:!0,reserveKeyword:!0,remoteShowSuffix:!0,remoteMethod:g,loading:m.value,debounce:500,options:S.value,props:{value:"value",label:"label"}},c),null)]}),[[i.ElLoadingDirective,A.value]])}});exports.SkyAutoCompleteArrayInput=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/select/style/css");const u=require("vue");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 V=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const h=require("../../hooks/useFormGrid.cjs"),I=require("../../hooks/useReferenceArrayInput.cjs"),p=require("../../setup/index.cjs"),C=require("@vueuse/core"),i=require("element-plus"),D=u.defineComponent({name:"SkyAutoCompleteArrayInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,optionText:{type:String,default:"name"},optionValue:{type:String,default:"id"},filterToQuery:Function,rules:Object,defaultValue:{type:Array,default:()=>[]}},setup(e,{attrs:c}){const d=h.useFormGrid(),{formData:o,editData:a}=V.useForm(),{getList:f,listLoading:m,listData:n,reference:y}=I.useReferenceArrayInput(),q=u.computed(()=>e.label||e.source);typeof o[e.source]>"u"&&(o[e.source]=e.defaultValue),a.value&&(o[e.source]=a.value[e.source]);const g=r=>{const t=e.filterToQuery?.(r);t&&f(t)};let l;const{state:v,isLoading:A}=C.useAsyncState(async()=>{const r=o[e.source];if(r){const t=Array.isArray(r)?r:[r];if(t.length)return l=new AbortController,p.skyConfig.dataProvider?.getMany?.(y,{ids:t,signal:l.signal})}},void 0,{immediate:!0}),s=r=>{const t=r[e.optionText],b=r[e.optionValue];return{label:t,value:b}},S=u.computed(()=>n.value?.data?n.value.data.map(s):(v.value?.data||[]).map(s));return()=>u.withDirectives(u.createVNode(i.ElFormItem,{label:q.value,prop:e.source,rules:e.rules,style:d?`grid-area: ${e.source}`:""},{default:()=>[u.createVNode(i.ElSelect,u.mergeProps({modelValue:o[e.source],"onUpdate:modelValue":r=>o[e.source]=r,multiple:!0,filterable:!0,remote:!0,reserveKeyword:!0,remoteShowSuffix:!0,remoteMethod:g,loading:m.value,debounce:500,options:S.value,props:{value:"value",label:"label"}},c),null)]}),[[i.ElLoadingDirective,A.value]])}});exports.SkyAutoCompleteArrayInput=D;
 //# sourceMappingURL=index.cjs.map

package/dist/components/auto-complete-array-input/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/auto-complete-array-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid, useReferenceArrayInput } from '@/hooks'\r\nimport type { GetManyResult, Identifier } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport {\r\n  ElFormItem,\r\n  ElLoadingDirective,\r\n  ElSelect,\r\n  type FormItemRule,\r\n  type SelectProps,\r\n} from 'element-plus'\r\nimport { computed, defineComponent, withDirectives, type PropType } from 'vue'\r\n\r\nexport interface SkyAutoCompleteArrayInputProps {\r\n  source: string\r\n  label?: string\r\n  optionText?: string\r\n  optionValue?: string\r\n  filterToQuery?: (searchText: string) => Record<string, unknown>\r\n  rules?: FormItemRule | FormItemRule[]\r\n  defaultValue?: Identifier[]\r\n}\r\n\r\nexport const SkyAutoCompleteArrayInput = defineComponent<\r\n  SkyAutoCompleteArrayInputProps & Partial<SelectProps>\r\n>({\r\n  name: 'SkyAutoCompleteArrayInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: String,\r\n    // placeholder: String,\r\n    optionText: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    optionValue: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    filterToQuery: Function as PropType<SkyAutoCompleteArrayInputProps['filterToQuery']>,\r\n    rules: Object,\r\n    defaultValue: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { attrs }) {\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const { getList, listLoading, listData, reference } = useReferenceArrayInput()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n\r\n    if (typeof formData[props.source] === 'undefined') {\r\n      formData[props.source] = props.defaultValue!\r\n    }\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const remoteMethod = (search: string) => {\r\n      const filter = props.filterToQuery?.(search)\r\n      if (filter) {\r\n        getList(filter)\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { state: theReferenceArrayData, isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const data = formData[props.source] as Identifier[] | Identifier | undefined\r\n\r\n        if (data) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.getMany?.(reference, {\r\n            ids: Array.isArray(data) ? data : [data],\r\n            signal: controller.signal,\r\n          })\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const getOptionItem = (item: Record<string, unknown>) => {\r\n      const label = item[props.optionText!] as string\r\n      const value = item[props.optionValue!] as Identifier\r\n      return {\r\n        label,\r\n        value,\r\n      }\r\n    }\r\n\r\n    const options = computed(() => {\r\n      if (listData.value?.data) {\r\n        return (\r\n          listData.value.data\r\n            // .filter((item) => {\r\n            //   const value = item[props.optionValue] as Identifier\r\n            //   return !formData[props.source]?.includes(value)\r\n            // })\r\n            .map(getOptionItem)\r\n        )\r\n      }\r\n\r\n      const editArr = theReferenceArrayData.value?.data || []\r\n      // create = []\r\n      // edit = theReferenceArrayData.value?.data\r\n      return editArr.map(getOptionItem)\r\n    })\r\n\r\n    return () =>\r\n      withDirectives(\r\n        <ElFormItem\r\n          label={title.value}\r\n          prop={props.source}\r\n          rules={props.rules}\r\n          style={formGrid ? `grid-area: ${props.source}` : ''}\r\n        >\r\n          <ElSelect\r\n            modelValue={formData[props.source] as Identifier[]}\r\n            onUpdate:modelValue={(v) => (formData[props.source] = v)}\r\n            multiple\r\n            filterable\r\n            remote\r\n            reserveKeyword\r\n            remoteShowSuffix\r\n            remoteMethod={remoteMethod}\r\n            loading={listLoading.value}\r\n            debounce={500}\r\n            options={options.value}\r\n            props={{ value: 'value', label: 'label' }}\r\n            {...attrs}\r\n          >\r\n            {/* {options.value.map((option) => (\r\n              <ElOption key={option.value} label={option.label} value={option.value} />\r\n            ))} */}\r\n          </ElSelect>\r\n        </ElFormItem>,\r\n        // h(\r\n        //   ElFormItem,\r\n        //   {\r\n        //     label: title.value,\r\n        //     prop: props.source,\r\n        //     rules: props.rules,\r\n        //     style: formGrid ? `grid-area: ${props.source}` : '',\r\n        //   },\r\n        //   {\r\n        //     default: () =>\r\n        //       h(\r\n        //         ElSelect,\r\n        //         {\r\n        //           modelValue: formData[props.source] as Identifier[],\r\n        //           'onUpdate:modelValue': (v) => (formData[props.source] = v),\r\n        //           multiple: true,\r\n        //           filterable: true,\r\n        //           remote: true,\r\n        //           reserveKeyword: true,\r\n        //           remoteShowSuffix: true,\r\n        //           remoteMethod,\r\n        //           loading: listLoading.value,\r\n        //           debounce: 500,\r\n        //           ...attrs,\r\n        //         },\r\n        //         {\r\n        //           default: () =>\r\n        //             options.value.map((option) => (\r\n        //               <ElOption key={option.value} label={option.label} value={option.value} />\r\n        //             )),\r\n        //         },\r\n        //       ),\r\n        //   },\r\n        // ),\r\n        [[ElLoadingDirective, isLoading.value]],\r\n      )\r\n  },\r\n})\r\n"],"names":["SkyAutoCompleteArrayInput","defineComponent","name","inheritAttrs","props","source","type","required","label","optionText","default","optionValue","filterToQuery","rules","defaultValue","attrs","formGrid","useFormGrid","editData","reference","title","computed","formData","filter","search","controller","state","isLoading","data","skyConfig","ids","immediate","item","value","options","listData","getOptionItem","withDirectives","_createVNode","ElFormItem","remoteMethod"],"mappings":"q7BAuBAA,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,4BACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OAEAC,WAAAA,CACEH,KAAAA,OACAI,QAAAA,QAEFC,YAAAA,CACEL,KAAAA,OACAI,QAAAA,MAEFE,cAAAA,SACAC,MAAAA,OACAC,aAAAA,CACER,KAAAA,oBAEF,YAEaS,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,mDACsBC,UAAAA,8BACxCC,EAAAC,EAAAA,SAAA,IAAAjB,EAAA,OAAAA,EAAA,MAAA,iEAOEkB,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,eAIA,MAAAC,EAAAnB,EAAA,gBAAAoB,CAAA,EACAD,SAKF,IAAAE,QACQC,MAAAA,EAA8BC,UAAAA,6BAElC,MAAAC,EAAAN,EAAAlB,EAAA,MAAA,EAEA,GAAAwB,EACEH,OAAAA,EAAAA,IAAAA,gBACAI,YAAA,cAAA,UAAAV,EAAA,CACEW,IAAAA,MAAAA,QAAAA,CAAAA,EAAAA,EAAAA,CAAAA,CAAAA,iBAEF,CAAA,WAKFC,UAAAA,EACF,CAAA,QAIA,MAAAvB,EAAAwB,EAAA5B,EAAA,UAAA,EACA6B,EAAAD,EAAA5B,EAAA,WAAA,iBAGE6B,MAAAA,IAIJC,EAAAb,EAAAA,SAAA,IACEc,EAAA,OAAA,6CAcA,IAAAC,CAAA,CACF,EAEA,MAAA,IAAAC,EAAAA,eAAAC,EAAAA,YAAAC,aAAA,2CAKwB,MAAAvB,EAAA,cAAAZ,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAM,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,WAAAY,EAAAlB,EAAA,MAAA,yCAIO,SAAA,GAAA,WAAA,GAAA,OAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,aAAAoC,kBAO9B,SAAA,2BAGjBP,MAAAA,QAAgBzB,MAAAA,OAAe,CAAC,EAAAO,CAAA,EAAA,IAAA,CAAA,CAChC,CAAA,mCA2CnB,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/auto-complete-array-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid, useReferenceArrayInput } from '@/hooks'\r\nimport type { GetManyResult, Identifier } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport {\r\n  ElFormItem,\r\n  ElLoadingDirective,\r\n  ElSelect,\r\n  type FormItemRule,\r\n  type SelectProps,\r\n} from 'element-plus'\r\nimport { computed, defineComponent, withDirectives, type PropType } from 'vue'\r\n\r\nexport interface SkyAutoCompleteArrayInputProps {\r\n  source: string\r\n  label?: string\r\n  optionText?: string\r\n  optionValue?: string\r\n  filterToQuery?: (searchText: string) => Record<string, unknown>\r\n  rules?: FormItemRule | FormItemRule[]\r\n  defaultValue?: Identifier[]\r\n}\r\n\r\nexport const SkyAutoCompleteArrayInput = defineComponent<\r\n  SkyAutoCompleteArrayInputProps & Partial<SelectProps>\r\n>({\r\n  name: 'SkyAutoCompleteArrayInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: String,\r\n    // placeholder: String,\r\n    optionText: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    optionValue: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    filterToQuery: Function as PropType<SkyAutoCompleteArrayInputProps['filterToQuery']>,\r\n    rules: Object,\r\n    defaultValue: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { attrs }) {\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const { getList, listLoading, listData, reference } = useReferenceArrayInput()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n\r\n    if (typeof formData[props.source] === 'undefined') {\r\n      formData[props.source] = props.defaultValue!\r\n    }\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const remoteMethod = (search: string) => {\r\n      const filter = props.filterToQuery?.(search)\r\n      if (filter) {\r\n        getList(filter)\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { state: theReferenceArrayData, isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const data = formData[props.source] as Identifier[] | Identifier | undefined\r\n\r\n        if (data) {\r\n          const ids = Array.isArray(data) ? data : [data]\r\n          if (ids.length) {\r\n            controller = new AbortController()\r\n            return skyConfig.dataProvider?.getMany?.(reference, {\r\n              ids,\r\n              signal: controller.signal,\r\n            })\r\n          }\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const getOptionItem = (item: Record<string, unknown>) => {\r\n      const label = item[props.optionText!] as string\r\n      const value = item[props.optionValue!] as Identifier\r\n      return {\r\n        label,\r\n        value,\r\n      }\r\n    }\r\n\r\n    const options = computed(() => {\r\n      if (listData.value?.data) {\r\n        return (\r\n          listData.value.data\r\n            // .filter((item) => {\r\n            //   const value = item[props.optionValue] as Identifier\r\n            //   return !formData[props.source]?.includes(value)\r\n            // })\r\n            .map(getOptionItem)\r\n        )\r\n      }\r\n\r\n      const editArr = theReferenceArrayData.value?.data || []\r\n      // create = []\r\n      // edit = theReferenceArrayData.value?.data\r\n      return editArr.map(getOptionItem)\r\n    })\r\n\r\n    return () =>\r\n      withDirectives(\r\n        <ElFormItem\r\n          label={title.value}\r\n          prop={props.source}\r\n          rules={props.rules}\r\n          style={formGrid ? `grid-area: ${props.source}` : ''}\r\n        >\r\n          <ElSelect\r\n            modelValue={formData[props.source] as Identifier[]}\r\n            onUpdate:modelValue={(v) => (formData[props.source] = v)}\r\n            multiple\r\n            filterable\r\n            remote\r\n            reserveKeyword\r\n            remoteShowSuffix\r\n            remoteMethod={remoteMethod}\r\n            loading={listLoading.value}\r\n            debounce={500}\r\n            options={options.value}\r\n            props={{ value: 'value', label: 'label' }}\r\n            {...attrs}\r\n          >\r\n            {/* {options.value.map((option) => (\r\n              <ElOption key={option.value} label={option.label} value={option.value} />\r\n            ))} */}\r\n          </ElSelect>\r\n        </ElFormItem>,\r\n        // h(\r\n        //   ElFormItem,\r\n        //   {\r\n        //     label: title.value,\r\n        //     prop: props.source,\r\n        //     rules: props.rules,\r\n        //     style: formGrid ? `grid-area: ${props.source}` : '',\r\n        //   },\r\n        //   {\r\n        //     default: () =>\r\n        //       h(\r\n        //         ElSelect,\r\n        //         {\r\n        //           modelValue: formData[props.source] as Identifier[],\r\n        //           'onUpdate:modelValue': (v) => (formData[props.source] = v),\r\n        //           multiple: true,\r\n        //           filterable: true,\r\n        //           remote: true,\r\n        //           reserveKeyword: true,\r\n        //           remoteShowSuffix: true,\r\n        //           remoteMethod,\r\n        //           loading: listLoading.value,\r\n        //           debounce: 500,\r\n        //           ...attrs,\r\n        //         },\r\n        //         {\r\n        //           default: () =>\r\n        //             options.value.map((option) => (\r\n        //               <ElOption key={option.value} label={option.label} value={option.value} />\r\n        //             )),\r\n        //         },\r\n        //       ),\r\n        //   },\r\n        // ),\r\n        [[ElLoadingDirective, isLoading.value]],\r\n      )\r\n  },\r\n})\r\n"],"names":["SkyAutoCompleteArrayInput","defineComponent","name","inheritAttrs","props","source","type","required","label","optionText","default","optionValue","filterToQuery","rules","defaultValue","attrs","formGrid","useFormGrid","editData","reference","title","computed","formData","filter","search","controller","state","isLoading","data","ids","skyConfig","immediate","item","value","options","listData","getOptionItem","withDirectives","_createVNode","ElFormItem","remoteMethod"],"mappings":"q7BAuBAA,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,4BACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OAEAC,WAAAA,CACEH,KAAAA,OACAI,QAAAA,QAEFC,YAAAA,CACEL,KAAAA,OACAI,QAAAA,MAEFE,cAAAA,SACAC,MAAAA,OACAC,aAAAA,CACER,KAAAA,oBAEF,YAEaS,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,mDACsBC,UAAAA,8BACxCC,EAAAC,EAAAA,SAAA,IAAAjB,EAAA,OAAAA,EAAA,MAAA,iEAOEkB,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,eAIA,MAAAC,EAAAnB,EAAA,gBAAAoB,CAAA,EACAD,SAKF,IAAAE,QACQC,MAAAA,EAA8BC,UAAAA,6BAElC,MAAAC,EAAAN,EAAAlB,EAAA,MAAA,EAEA,GAAAwB,EAAA,CACE,MAAAC,EAAA,MAAA,QAAAD,CAAA,EAAAA,EAAA,CAAAA,CAAA,cAEEH,OAAAA,EAAAA,IAAAA,gBACAK,YAAA,cAAA,UAAAX,EAAA,sBAGA,CAAA,CAEJ,WAIAY,UAAAA,EACF,CAAA,QAIA,MAAAvB,EAAAwB,EAAA5B,EAAA,UAAA,EACA6B,EAAAD,EAAA5B,EAAA,WAAA,iBAGE6B,MAAAA,IAIJC,EAAAb,EAAAA,SAAA,IACEc,EAAA,OAAA,6CAcA,IAAAC,CAAA,CACF,EAEA,MAAA,IAAAC,EAAAA,eAAAC,EAAAA,YAAAC,aAAA,2CAKwB,MAAAvB,EAAA,cAAAZ,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAM,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,WAAAY,EAAAlB,EAAA,MAAA,yCAIO,SAAA,GAAA,WAAA,GAAA,OAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,aAAAoC,kBAO9B,SAAA,2BAGjBP,MAAAA,QAAgBzB,MAAAA,OAAe,CAAC,EAAAO,CAAA,EAAA,IAAA,CAAA,CAChC,CAAA,mCA2CnB,CACF,CAAA"}

package/dist/components/auto-complete-array-input/index.mjs

@@ -1,6 +1,6 @@
 import "element-plus/es/components/form-item/style/css";
 import "element-plus/es/components/select/style/css";
-import { defineComponent as V, computed as n, withDirectives as h, createVNode as m, mergeProps as D } from "vue";
+import { defineComponent as h, computed as n, withDirectives as V, createVNode as m, mergeProps as D } from "vue";
 import "../../hooks/useUser.mjs";
 import "../../hooks/usePermission.mjs";
 import "../../hooks/useMenu.mjs";
@@ -20,7 +20,7 @@ import { useReferenceArrayInput as w } from "../../hooks/useReferenceArrayInput.
 import { skyConfig as x } from "../../setup/index.mjs";
 import { useAsyncState as F } from "@vueuse/core";
 import { ElFormItem as L, ElSelect as T, ElLoadingDirective as k } from "element-plus";
-const ee = /* @__PURE__ */ V({
+const ee = /* @__PURE__ */ h({
   name: "SkyAutoCompleteArrayInput",
   inheritAttrs: !1,
   props: {
@@ -46,52 +46,55 @@ const ee = /* @__PURE__ */ V({
     }
   },
   setup(e, {
-    attrs: d
+    attrs: s
   }) {
-    const s = I(), {
-      formData: r,
+    const c = I(), {
+      formData: o,
       editData: i
     } = C(), {
-      getList: c,
+      getList: d,
       listLoading: f,
       listData: a,
       reference: p
     } = w(), y = n(() => e.label || e.source);
-    typeof r[e.source] > "u" && (r[e.source] = e.defaultValue), i.value && (r[e.source] = i.value[e.source]);
+    typeof o[e.source] > "u" && (o[e.source] = e.defaultValue), i.value && (o[e.source] = i.value[e.source]);
     const g = (t) => {
-      const o = e.filterToQuery?.(t);
-      o && c(o);
+      const r = e.filterToQuery?.(t);
+      r && d(r);
     };
     let u;
     const {
       state: v,
       isLoading: A
     } = F(async () => {
-      const t = r[e.source];
-      if (t)
-        return u = new AbortController(), x.dataProvider?.getMany?.(p, {
-          ids: Array.isArray(t) ? t : [t],
-          signal: u.signal
-        });
+      const t = o[e.source];
+      if (t) {
+        const r = Array.isArray(t) ? t : [t];
+        if (r.length)
+          return u = new AbortController(), x.dataProvider?.getMany?.(p, {
+            ids: r,
+            signal: u.signal
+          });
+      }
     }, void 0, {
       immediate: !0
     }), l = (t) => {
-      const o = t[e.optionText], S = t[e.optionValue];
+      const r = t[e.optionText], S = t[e.optionValue];
       return {
-        label: o,
+        label: r,
         value: S
       };
     }, b = n(() => a.value?.data ? a.value.data.map(l) : (v.value?.data || []).map(l));
-    return () => h(
+    return () => V(
       m(L, {
         label: y.value,
         prop: e.source,
         rules: e.rules,
-        style: s ? `grid-area: ${e.source}` : ""
+        style: c ? `grid-area: ${e.source}` : ""
       }, {
         default: () => [m(T, D({
-          modelValue: r[e.source],
-          "onUpdate:modelValue": (t) => r[e.source] = t,
+          modelValue: o[e.source],
+          "onUpdate:modelValue": (t) => o[e.source] = t,
           multiple: !0,
           filterable: !0,
           remote: !0,
@@ -105,7 +108,7 @@ const ee = /* @__PURE__ */ V({
             value: "value",
             label: "label"
           }
-        }, d), null)]
+        }, s), null)]
       }),
       // h(
       //   ElFormItem,

package/dist/components/auto-complete-array-input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/auto-complete-array-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid, useReferenceArrayInput } from '@/hooks'\r\nimport type { GetManyResult, Identifier } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport {\r\n  ElFormItem,\r\n  ElLoadingDirective,\r\n  ElSelect,\r\n  type FormItemRule,\r\n  type SelectProps,\r\n} from 'element-plus'\r\nimport { computed, defineComponent, withDirectives, type PropType } from 'vue'\r\n\r\nexport interface SkyAutoCompleteArrayInputProps {\r\n  source: string\r\n  label?: string\r\n  optionText?: string\r\n  optionValue?: string\r\n  filterToQuery?: (searchText: string) => Record<string, unknown>\r\n  rules?: FormItemRule | FormItemRule[]\r\n  defaultValue?: Identifier[]\r\n}\r\n\r\nexport const SkyAutoCompleteArrayInput = defineComponent<\r\n  SkyAutoCompleteArrayInputProps & Partial<SelectProps>\r\n>({\r\n  name: 'SkyAutoCompleteArrayInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: String,\r\n    // placeholder: String,\r\n    optionText: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    optionValue: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    filterToQuery: Function as PropType<SkyAutoCompleteArrayInputProps['filterToQuery']>,\r\n    rules: Object,\r\n    defaultValue: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { attrs }) {\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const { getList, listLoading, listData, reference } = useReferenceArrayInput()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n\r\n    if (typeof formData[props.source] === 'undefined') {\r\n      formData[props.source] = props.defaultValue!\r\n    }\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const remoteMethod = (search: string) => {\r\n      const filter = props.filterToQuery?.(search)\r\n      if (filter) {\r\n        getList(filter)\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { state: theReferenceArrayData, isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const data = formData[props.source] as Identifier[] | Identifier | undefined\r\n\r\n        if (data) {\r\n          controller = new AbortController()\r\n          return skyConfig.dataProvider?.getMany?.(reference, {\r\n            ids: Array.isArray(data) ? data : [data],\r\n            signal: controller.signal,\r\n          })\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const getOptionItem = (item: Record<string, unknown>) => {\r\n      const label = item[props.optionText!] as string\r\n      const value = item[props.optionValue!] as Identifier\r\n      return {\r\n        label,\r\n        value,\r\n      }\r\n    }\r\n\r\n    const options = computed(() => {\r\n      if (listData.value?.data) {\r\n        return (\r\n          listData.value.data\r\n            // .filter((item) => {\r\n            //   const value = item[props.optionValue] as Identifier\r\n            //   return !formData[props.source]?.includes(value)\r\n            // })\r\n            .map(getOptionItem)\r\n        )\r\n      }\r\n\r\n      const editArr = theReferenceArrayData.value?.data || []\r\n      // create = []\r\n      // edit = theReferenceArrayData.value?.data\r\n      return editArr.map(getOptionItem)\r\n    })\r\n\r\n    return () =>\r\n      withDirectives(\r\n        <ElFormItem\r\n          label={title.value}\r\n          prop={props.source}\r\n          rules={props.rules}\r\n          style={formGrid ? `grid-area: ${props.source}` : ''}\r\n        >\r\n          <ElSelect\r\n            modelValue={formData[props.source] as Identifier[]}\r\n            onUpdate:modelValue={(v) => (formData[props.source] = v)}\r\n            multiple\r\n            filterable\r\n            remote\r\n            reserveKeyword\r\n            remoteShowSuffix\r\n            remoteMethod={remoteMethod}\r\n            loading={listLoading.value}\r\n            debounce={500}\r\n            options={options.value}\r\n            props={{ value: 'value', label: 'label' }}\r\n            {...attrs}\r\n          >\r\n            {/* {options.value.map((option) => (\r\n              <ElOption key={option.value} label={option.label} value={option.value} />\r\n            ))} */}\r\n          </ElSelect>\r\n        </ElFormItem>,\r\n        // h(\r\n        //   ElFormItem,\r\n        //   {\r\n        //     label: title.value,\r\n        //     prop: props.source,\r\n        //     rules: props.rules,\r\n        //     style: formGrid ? `grid-area: ${props.source}` : '',\r\n        //   },\r\n        //   {\r\n        //     default: () =>\r\n        //       h(\r\n        //         ElSelect,\r\n        //         {\r\n        //           modelValue: formData[props.source] as Identifier[],\r\n        //           'onUpdate:modelValue': (v) => (formData[props.source] = v),\r\n        //           multiple: true,\r\n        //           filterable: true,\r\n        //           remote: true,\r\n        //           reserveKeyword: true,\r\n        //           remoteShowSuffix: true,\r\n        //           remoteMethod,\r\n        //           loading: listLoading.value,\r\n        //           debounce: 500,\r\n        //           ...attrs,\r\n        //         },\r\n        //         {\r\n        //           default: () =>\r\n        //             options.value.map((option) => (\r\n        //               <ElOption key={option.value} label={option.label} value={option.value} />\r\n        //             )),\r\n        //         },\r\n        //       ),\r\n        //   },\r\n        // ),\r\n        [[ElLoadingDirective, isLoading.value]],\r\n      )\r\n  },\r\n})\r\n"],"names":["SkyAutoCompleteArrayInput","defineComponent","name","inheritAttrs","props","source","type","required","label","optionText","default","optionValue","filterToQuery","rules","defaultValue","attrs","formGrid","useFormGrid","editData","reference","title","computed","formData","filter","search","controller","state","isLoading","data","skyConfig","ids","immediate","item","value","options","listData","getOptionItem","withDirectives","_createVNode","ElFormItem","remoteMethod"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAAA,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;AAAAA,IAEAC,YAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFC,aAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFE,eAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACER,MAAAA;AAAAA;IAEF;AAAA;;IAEaS,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA;;;;MACsBC,WAAAA;AAAAA,aACxCC,IAAAC,EAAA,MAAAjB,EAAA,SAAAA,EAAA,MAAA;4EAOEkB,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA;;AAIA,YAAAC,IAAAnB,EAAA,gBAAAoB,CAAA;AACA,MAAAD;;AAKF,QAAAE;;MACQC,OAAAA;AAAAA,MAA8BC,WAAAA;AAAAA;AAElC,YAAAC,IAAAN,EAAAlB,EAAA,MAAA;AAEA,UAAAwB;AACEH,eAAAA,IAAAA,IAAAA,gBAAAA,GACAI,EAAA,cAAA,UAAAV,GAAA;AAAA,UACEW,KAAAA,MAAAA,QAAAA,CAAAA,IAAAA,IAAAA,CAAAA,CAAAA;AAAAA;QAEF,CAAA;AAAA;MAKFC,WAAAA;AAAAA,IACF,CAAA;AAIA,YAAAvB,IAAAwB,EAAA5B,EAAA,UAAA,GACA6B,IAAAD,EAAA5B,EAAA,WAAA;;;QAGE6B,OAAAA;AAAAA;OAIJC,IAAAb,EAAA,MACEc,EAAA,OAAA,mDAcA,IAAAC,CAAA,CACF;AAEA,WAAA,MAAAC;AAAA,MAAAC,EAAAC,GAAA;AAAA;;;QAKwB,OAAAvB,IAAA,cAAAZ,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAM,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,YAAAY,EAAAlB,EAAA,MAAA;AAAA;UAIO,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,QAAA;AAAA,UAAA,gBAAA;AAAA,UAAA,kBAAA;AAAA,UAAA,cAAAoC;AAAA;UAO9B,UAAA;AAAA;;YAGjBP,OAAAA;AAAAA,YAAgBzB,OAAAA;AAAAA,UAAe;AAAA,QAAC,GAAAO,CAAA,GAAA,IAAA,CAAA;AAAA,MAChC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;EA2CnB;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/auto-complete-array-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid, useReferenceArrayInput } from '@/hooks'\r\nimport type { GetManyResult, Identifier } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport {\r\n  ElFormItem,\r\n  ElLoadingDirective,\r\n  ElSelect,\r\n  type FormItemRule,\r\n  type SelectProps,\r\n} from 'element-plus'\r\nimport { computed, defineComponent, withDirectives, type PropType } from 'vue'\r\n\r\nexport interface SkyAutoCompleteArrayInputProps {\r\n  source: string\r\n  label?: string\r\n  optionText?: string\r\n  optionValue?: string\r\n  filterToQuery?: (searchText: string) => Record<string, unknown>\r\n  rules?: FormItemRule | FormItemRule[]\r\n  defaultValue?: Identifier[]\r\n}\r\n\r\nexport const SkyAutoCompleteArrayInput = defineComponent<\r\n  SkyAutoCompleteArrayInputProps & Partial<SelectProps>\r\n>({\r\n  name: 'SkyAutoCompleteArrayInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: String,\r\n    // placeholder: String,\r\n    optionText: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    optionValue: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    filterToQuery: Function as PropType<SkyAutoCompleteArrayInputProps['filterToQuery']>,\r\n    rules: Object,\r\n    defaultValue: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { attrs }) {\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const { getList, listLoading, listData, reference } = useReferenceArrayInput()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n\r\n    if (typeof formData[props.source] === 'undefined') {\r\n      formData[props.source] = props.defaultValue!\r\n    }\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const remoteMethod = (search: string) => {\r\n      const filter = props.filterToQuery?.(search)\r\n      if (filter) {\r\n        getList(filter)\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { state: theReferenceArrayData, isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const data = formData[props.source] as Identifier[] | Identifier | undefined\r\n\r\n        if (data) {\r\n          const ids = Array.isArray(data) ? data : [data]\r\n          if (ids.length) {\r\n            controller = new AbortController()\r\n            return skyConfig.dataProvider?.getMany?.(reference, {\r\n              ids,\r\n              signal: controller.signal,\r\n            })\r\n          }\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const getOptionItem = (item: Record<string, unknown>) => {\r\n      const label = item[props.optionText!] as string\r\n      const value = item[props.optionValue!] as Identifier\r\n      return {\r\n        label,\r\n        value,\r\n      }\r\n    }\r\n\r\n    const options = computed(() => {\r\n      if (listData.value?.data) {\r\n        return (\r\n          listData.value.data\r\n            // .filter((item) => {\r\n            //   const value = item[props.optionValue] as Identifier\r\n            //   return !formData[props.source]?.includes(value)\r\n            // })\r\n            .map(getOptionItem)\r\n        )\r\n      }\r\n\r\n      const editArr = theReferenceArrayData.value?.data || []\r\n      // create = []\r\n      // edit = theReferenceArrayData.value?.data\r\n      return editArr.map(getOptionItem)\r\n    })\r\n\r\n    return () =>\r\n      withDirectives(\r\n        <ElFormItem\r\n          label={title.value}\r\n          prop={props.source}\r\n          rules={props.rules}\r\n          style={formGrid ? `grid-area: ${props.source}` : ''}\r\n        >\r\n          <ElSelect\r\n            modelValue={formData[props.source] as Identifier[]}\r\n            onUpdate:modelValue={(v) => (formData[props.source] = v)}\r\n            multiple\r\n            filterable\r\n            remote\r\n            reserveKeyword\r\n            remoteShowSuffix\r\n            remoteMethod={remoteMethod}\r\n            loading={listLoading.value}\r\n            debounce={500}\r\n            options={options.value}\r\n            props={{ value: 'value', label: 'label' }}\r\n            {...attrs}\r\n          >\r\n            {/* {options.value.map((option) => (\r\n              <ElOption key={option.value} label={option.label} value={option.value} />\r\n            ))} */}\r\n          </ElSelect>\r\n        </ElFormItem>,\r\n        // h(\r\n        //   ElFormItem,\r\n        //   {\r\n        //     label: title.value,\r\n        //     prop: props.source,\r\n        //     rules: props.rules,\r\n        //     style: formGrid ? `grid-area: ${props.source}` : '',\r\n        //   },\r\n        //   {\r\n        //     default: () =>\r\n        //       h(\r\n        //         ElSelect,\r\n        //         {\r\n        //           modelValue: formData[props.source] as Identifier[],\r\n        //           'onUpdate:modelValue': (v) => (formData[props.source] = v),\r\n        //           multiple: true,\r\n        //           filterable: true,\r\n        //           remote: true,\r\n        //           reserveKeyword: true,\r\n        //           remoteShowSuffix: true,\r\n        //           remoteMethod,\r\n        //           loading: listLoading.value,\r\n        //           debounce: 500,\r\n        //           ...attrs,\r\n        //         },\r\n        //         {\r\n        //           default: () =>\r\n        //             options.value.map((option) => (\r\n        //               <ElOption key={option.value} label={option.label} value={option.value} />\r\n        //             )),\r\n        //         },\r\n        //       ),\r\n        //   },\r\n        // ),\r\n        [[ElLoadingDirective, isLoading.value]],\r\n      )\r\n  },\r\n})\r\n"],"names":["SkyAutoCompleteArrayInput","defineComponent","name","inheritAttrs","props","source","type","required","label","optionText","default","optionValue","filterToQuery","rules","defaultValue","attrs","formGrid","useFormGrid","editData","reference","title","computed","formData","filter","search","controller","state","isLoading","data","ids","skyConfig","immediate","item","value","options","listData","getOptionItem","withDirectives","_createVNode","ElFormItem","remoteMethod"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAAA,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;AAAAA,IAEAC,YAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFC,aAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAI,SAAAA;AAAAA;IAEFE,eAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACER,MAAAA;AAAAA;IAEF;AAAA;;IAEaS,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA;;;;MACsBC,WAAAA;AAAAA,aACxCC,IAAAC,EAAA,MAAAjB,EAAA,SAAAA,EAAA,MAAA;4EAOEkB,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA;;AAIA,YAAAC,IAAAnB,EAAA,gBAAAoB,CAAA;AACA,MAAAD;;AAKF,QAAAE;;MACQC,OAAAA;AAAAA,MAA8BC,WAAAA;AAAAA;AAElC,YAAAC,IAAAN,EAAAlB,EAAA,MAAA;AAEA,UAAAwB,GAAA;AACE,cAAAC,IAAA,MAAA,QAAAD,CAAA,IAAAA,IAAA,CAAAA,CAAA;;AAEEH,iBAAAA,IAAAA,IAAAA,gBAAAA,GACAK,EAAA,cAAA,UAAAX,GAAA;AAAA;;UAGA,CAAA;AAAA,MAEJ;AAAA;MAIAY,WAAAA;AAAAA,IACF,CAAA;AAIA,YAAAvB,IAAAwB,EAAA5B,EAAA,UAAA,GACA6B,IAAAD,EAAA5B,EAAA,WAAA;;;QAGE6B,OAAAA;AAAAA;OAIJC,IAAAb,EAAA,MACEc,EAAA,OAAA,mDAcA,IAAAC,CAAA,CACF;AAEA,WAAA,MAAAC;AAAA,MAAAC,EAAAC,GAAA;AAAA;;;QAKwB,OAAAvB,IAAA,cAAAZ,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAM,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,YAAAY,EAAAlB,EAAA,MAAA;AAAA;UAIO,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,QAAA;AAAA,UAAA,gBAAA;AAAA,UAAA,kBAAA;AAAA,UAAA,cAAAoC;AAAA;UAO9B,UAAA;AAAA;;YAGjBP,OAAAA;AAAAA,YAAgBzB,OAAAA;AAAAA,UAAe;AAAA,QAAC,GAAAO,CAAA,GAAA,IAAA,CAAA;AAAA,MAChC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;EA2CnB;AACF,CAAA;"}

package/dist/components/avatar-input/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\r\nimport type { GetOneResult, Identifier, SkyUploadRawFile } from '@/provides'\r\nimport {\r\n  ElFormItem,\r\n  ElIcon,\r\n  ElLoadingDirective,\r\n  ElUpload,\r\n  genFileId,\r\n  type FormItemRule,\r\n  type UploadFile,\r\n  type UploadInstance,\r\n  type UploadProps,\r\n  type UploadRawFile,\r\n} from 'element-plus'\r\nimport {\r\n  cloneVNode,\r\n  computed,\r\n  defineComponent,\r\n  Fragment,\r\n  h,\r\n  ref,\r\n  shallowRef,\r\n  useTemplateRef,\r\n  withDirectives,\r\n} from 'vue'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useRoute } from 'vue-router'\r\nimport { useForm, useFormGrid, useUpload, type SkyUploadUserFile } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface SkyOssAvatarInputProps {\r\n  reference: string\r\n  source: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  dataId?: string\r\n  dataName?: string\r\n  dataUrl?: string\r\n  fileList?: SkyUploadUserFile[]\r\n}\r\n\r\nexport const SkyAvatarInput = defineComponent<SkyOssAvatarInputProps & Partial<UploadProps>>({\r\n  name: 'SkyAvatarInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    reference: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: String,\r\n    rules: Object,\r\n    dataId: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    dataName: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    dataUrl: {\r\n      type: String,\r\n      default: 'url',\r\n    },\r\n    fileList: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n    // init fileList\r\n    const { fileList } = useUpload(props.fileList!)\r\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const onExceed = async (files: File[]) => {\r\n      uploadRef.value?.clearFiles()\r\n      const file = files[0] as UploadRawFile\r\n      file.uid = genFileId()\r\n      uploadRef.value?.handleStart(file)\r\n      uploadRef.value?.submit()\r\n    }\r\n\r\n    const onSuccess = () => {\r\n      const id = fileList.value[0]?.id\r\n      if (id) {\r\n        formData[props.source] = id\r\n      } else {\r\n        const raw = fileList.value[0]?.raw as SkyUploadRawFile | undefined\r\n        if (raw?.data?.id) {\r\n          formData[props.source] = raw.data.id\r\n        }\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading } = useAsyncState<GetOneResult | undefined>(\r\n      async () => {\r\n        const id = formData[props.source]\r\n        if (id) {\r\n          controller = new AbortController()\r\n          const res = await skyConfig.dataProvider?.getOne?.(props.reference, {\r\n            id: id as Identifier,\r\n            signal: controller.signal,\r\n          })\r\n\r\n          if (res?.data) {\r\n            fileList.value = [\r\n              {\r\n                id: res.data[props.dataId!] as Identifier,\r\n                name: res.data[props.dataName!] as string,\r\n                url: res.data[props.dataUrl!] as string,\r\n              },\r\n            ]\r\n            return res\r\n          }\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const action = ref('')\r\n    const data = shallowRef<Record<string, unknown>>()\r\n    const headers = shallowRef<Record<string, unknown>>()\r\n    const method = ref()\r\n    const name = ref<string>()\r\n    const beforeUpload = async (rawFile: SkyUploadRawFile) => {\r\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\r\n        file: rawFile,\r\n      })\r\n      if (res?.data) {\r\n        action.value = res.data.action\r\n        data.value = res.data.data\r\n        headers.value = res.data.headers\r\n        method.value = res.data.method\r\n        name.value = res.data.name\r\n        rawFile.data = {\r\n          id: res.data.file.id,\r\n          name: res.data.file.name,\r\n          url: res.data.file.url,\r\n        }\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\r\n        <ElFormItem\r\n          class=\"sky-avatar-input\"\r\n          label={title.value}\r\n          prop={props.source}\r\n          rules={props.rules}\r\n          style={formGrid ? `grid-area: ${props.source}` : ''}\r\n        >\r\n          <ElUpload\r\n            ref=\"uploadRef\"\r\n            action={action.value}\r\n            method={method.value}\r\n            name={name.value}\r\n            withCredentials={props.withCredentials}\r\n            multiple={props.multiple}\r\n            limit={1}\r\n            beforeUpload={beforeUpload}\r\n            onSuccess={onSuccess}\r\n            onExceed={onExceed}\r\n            headers={headers.value}\r\n            data={data.value}\r\n            listType=\"picture-card\"\r\n            fileList={fileList.value}\r\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\r\n            autoUpload={true}\r\n            showFileList={false}\r\n            disabled={isLoading.value}\r\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\r\n            accept={'image/*'}\r\n            {...attrs}\r\n          >\r\n            {{\r\n              default: () =>\r\n                fileList.value.length ? (\r\n                  withDirectives(\r\n                    <div\r\n                      class=\"sky-avatar-input__preview\"\r\n                      style={{ backgroundImage: `url(${fileList.value[0]!.url})` }}\r\n                    ></div>,\r\n                    [\r\n                      [\r\n                        ElLoadingDirective,\r\n                        isLoading.value || fileList.value[0]!.status !== 'success',\r\n                      ],\r\n                    ],\r\n                  )\r\n                ) : (\r\n                  <ElIcon>\r\n                    <EpPlus />\r\n                  </ElIcon>\r\n                ),\r\n              file: (scope: { file: UploadFile; index: number }) => {\r\n                if (slots.default) {\r\n                  const vnodes = slots.default()\r\n                  return h(\r\n                    Fragment,\r\n                    vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\r\n                  )\r\n                }\r\n              },\r\n            }}\r\n          </ElUpload>\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyAvatarInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","label","rules","dataId","default","dataName","dataUrl","fileList","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","useUpload","uploadRef","useTemplateRef","routeMeta","formData","onExceed","files","file","id","raw","controller","isLoading","res","skyConfig","url","immediate","action","ref","data","shallowRef","headers","method","beforeUpload","rawFile","onSuccess","fs","vnodes","slots","h","Fragment","vnode","cloneVNode"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\nimport type { GetOneResult, Identifier, SkyUploadRawFile } from '@/provides'\nimport {\n  ElFormItem,\n  ElIcon,\n  ElLoadingDirective,\n  ElUpload,\n  genFileId,\n  type FormItemRule,\n  type UploadFile,\n  type UploadInstance,\n  type UploadProps,\n  type UploadRawFile,\n} from 'element-plus'\nimport {\n  cloneVNode,\n  computed,\n  defineComponent,\n  Fragment,\n  h,\n  ref,\n  shallowRef,\n  useTemplateRef,\n  withDirectives,\n} from 'vue'\nimport { useAsyncState } from '@vueuse/core'\nimport { useRoute } from 'vue-router'\nimport { useForm, useFormGrid, useUpload, type SkyUploadUserFile } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyOssAvatarInputProps {\n  reference: string\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  dataId?: string\n  dataName?: string\n  dataUrl?: string\n  fileList?: SkyUploadUserFile[]\n}\n\nexport const SkyAvatarInput = defineComponent<SkyOssAvatarInputProps & Partial<UploadProps>>({\n  name: 'SkyAvatarInput',\n  inheritAttrs: false,\n  props: {\n    reference: {\n      type: String,\n      required: true,\n    },\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    dataId: {\n      type: String,\n      default: 'id',\n    },\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n    fileList: {\n      type: Array,\n      default: () => [],\n    },\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 { fileList } = useUpload(props.fileList!)\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    const onExceed = async (files: File[]) => {\n      uploadRef.value?.clearFiles()\n      const file = files[0] as UploadRawFile\n      file.uid = genFileId()\n      uploadRef.value?.handleStart(file)\n      uploadRef.value?.submit()\n    }\n\n    const onSuccess = () => {\n      const id = fileList.value[0]?.id\n      if (id) {\n        formData[props.source] = id\n      } else {\n        const raw = fileList.value[0]?.raw as SkyUploadRawFile | undefined\n        if (raw?.data?.id) {\n          formData[props.source] = raw.data.id\n        }\n      }\n    }\n\n    let controller: AbortController | undefined\n    const { isLoading } = useAsyncState<GetOneResult | undefined>(\n      async () => {\n        const id = formData[props.source]\n        if (id) {\n          controller = new AbortController()\n          const res = await skyConfig.dataProvider?.getOne?.(props.reference, {\n            id: id as Identifier,\n            signal: controller.signal,\n          })\n\n          if (res?.data) {\n            fileList.value = [\n              {\n                id: res.data[props.dataId!] as Identifier,\n                name: res.data[props.dataName!] as string,\n                url: res.data[props.dataUrl!] as string,\n              },\n            ]\n            return res\n          }\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    const action = ref('')\n    const data = shallowRef<Record<string, unknown>>()\n    const headers = shallowRef<Record<string, unknown>>()\n    const method = ref()\n    const name = ref<string>()\n    const beforeUpload = async (rawFile: SkyUploadRawFile) => {\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\n        file: rawFile,\n      })\n      if (res?.data) {\n        action.value = res.data.action\n        data.value = res.data.data\n        headers.value = res.data.headers\n        method.value = res.data.method\n        name.value = res.data.name\n        rawFile.data = {\n          id: res.data.file.id,\n          name: res.data.file.name,\n          url: res.data.file.url,\n        }\n      }\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class=\"sky-avatar-input\"\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElUpload\n            ref=\"uploadRef\"\n            action={action.value}\n            method={method.value}\n            name={name.value}\n            withCredentials={props.withCredentials}\n            multiple={props.multiple}\n            limit={1}\n            beforeUpload={beforeUpload}\n            onSuccess={onSuccess}\n            onExceed={onExceed}\n            headers={headers.value}\n            data={data.value}\n            listType=\"picture-card\"\n            fileList={fileList.value}\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\n            autoUpload={true}\n            showFileList={false}\n            disabled={isLoading.value}\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\n            accept={'image/*'}\n            {...attrs}\n          >\n            {{\n              default: () =>\n                fileList.value.length ? (\n                  withDirectives(\n                    <div\n                      class=\"sky-avatar-input__preview\"\n                      style={{ backgroundImage: `url(${fileList.value[0]!.url})` }}\n                    ></div>,\n                    [\n                      [\n                        ElLoadingDirective,\n                        isLoading.value || fileList.value[0]!.status !== 'success',\n                      ],\n                    ],\n                  )\n                ) : (\n                  <ElIcon>\n                    <EpPlus />\n                  </ElIcon>\n                ),\n              file: (scope: { file: UploadFile; index: number }) => {\n                if (slots.default) {\n                  const vnodes = slots.default()\n                  return h(\n                    Fragment,\n                    vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\n                  )\n                }\n              },\n            }}\n          </ElUpload>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyAvatarInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","label","rules","dataId","default","dataName","dataUrl","fileList","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","useUpload","uploadRef","useTemplateRef","routeMeta","formData","onExceed","files","file","id","raw","controller","isLoading","res","skyConfig","url","immediate","action","ref","data","shallowRef","headers","method","beforeUpload","rawFile","onSuccess","fs","vnodes","slots","h","Fragment","vnode","cloneVNode"],"mappings":"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"}

package/dist/components/avatar-input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/avatar-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\r\nimport type { GetOneResult, Identifier, SkyUploadRawFile } from '@/provides'\r\nimport {\r\n  ElFormItem,\r\n  ElIcon,\r\n  ElLoadingDirective,\r\n  ElUpload,\r\n  genFileId,\r\n  type FormItemRule,\r\n  type UploadFile,\r\n  type UploadInstance,\r\n  type UploadProps,\r\n  type UploadRawFile,\r\n} from 'element-plus'\r\nimport {\r\n  cloneVNode,\r\n  computed,\r\n  defineComponent,\r\n  Fragment,\r\n  h,\r\n  ref,\r\n  shallowRef,\r\n  useTemplateRef,\r\n  withDirectives,\r\n} from 'vue'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useRoute } from 'vue-router'\r\nimport { useForm, useFormGrid, useUpload, type SkyUploadUserFile } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface SkyOssAvatarInputProps {\r\n  reference: string\r\n  source: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  dataId?: string\r\n  dataName?: string\r\n  dataUrl?: string\r\n  fileList?: SkyUploadUserFile[]\r\n}\r\n\r\nexport const SkyAvatarInput = defineComponent<SkyOssAvatarInputProps & Partial<UploadProps>>({\r\n  name: 'SkyAvatarInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    reference: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    label: String,\r\n    rules: Object,\r\n    dataId: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    dataName: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    dataUrl: {\r\n      type: String,\r\n      default: 'url',\r\n    },\r\n    fileList: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n    // init fileList\r\n    const { fileList } = useUpload(props.fileList!)\r\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const onExceed = async (files: File[]) => {\r\n      uploadRef.value?.clearFiles()\r\n      const file = files[0] as UploadRawFile\r\n      file.uid = genFileId()\r\n      uploadRef.value?.handleStart(file)\r\n      uploadRef.value?.submit()\r\n    }\r\n\r\n    const onSuccess = () => {\r\n      const id = fileList.value[0]?.id\r\n      if (id) {\r\n        formData[props.source] = id\r\n      } else {\r\n        const raw = fileList.value[0]?.raw as SkyUploadRawFile | undefined\r\n        if (raw?.data?.id) {\r\n          formData[props.source] = raw.data.id\r\n        }\r\n      }\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading } = useAsyncState<GetOneResult | undefined>(\r\n      async () => {\r\n        const id = formData[props.source]\r\n        if (id) {\r\n          controller = new AbortController()\r\n          const res = await skyConfig.dataProvider?.getOne?.(props.reference, {\r\n            id: id as Identifier,\r\n            signal: controller.signal,\r\n          })\r\n\r\n          if (res?.data) {\r\n            fileList.value = [\r\n              {\r\n                id: res.data[props.dataId!] as Identifier,\r\n                name: res.data[props.dataName!] as string,\r\n                url: res.data[props.dataUrl!] as string,\r\n              },\r\n            ]\r\n            return res\r\n          }\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const action = ref('')\r\n    const data = shallowRef<Record<string, unknown>>()\r\n    const headers = shallowRef<Record<string, unknown>>()\r\n    const method = ref()\r\n    const name = ref<string>()\r\n    const beforeUpload = async (rawFile: SkyUploadRawFile) => {\r\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\r\n        file: rawFile,\r\n      })\r\n      if (res?.data) {\r\n        action.value = res.data.action\r\n        data.value = res.data.data\r\n        headers.value = res.data.headers\r\n        method.value = res.data.method\r\n        name.value = res.data.name\r\n        rawFile.data = {\r\n          id: res.data.file.id,\r\n          name: res.data.file.name,\r\n          url: res.data.file.url,\r\n        }\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\r\n        <ElFormItem\r\n          class=\"sky-avatar-input\"\r\n          label={title.value}\r\n          prop={props.source}\r\n          rules={props.rules}\r\n          style={formGrid ? `grid-area: ${props.source}` : ''}\r\n        >\r\n          <ElUpload\r\n            ref=\"uploadRef\"\r\n            action={action.value}\r\n            method={method.value}\r\n            name={name.value}\r\n            withCredentials={props.withCredentials}\r\n            multiple={props.multiple}\r\n            limit={1}\r\n            beforeUpload={beforeUpload}\r\n            onSuccess={onSuccess}\r\n            onExceed={onExceed}\r\n            headers={headers.value}\r\n            data={data.value}\r\n            listType=\"picture-card\"\r\n            fileList={fileList.value}\r\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\r\n            autoUpload={true}\r\n            showFileList={false}\r\n            disabled={isLoading.value}\r\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\r\n            accept={'image/*'}\r\n            {...attrs}\r\n          >\r\n            {{\r\n              default: () =>\r\n                fileList.value.length ? (\r\n                  withDirectives(\r\n                    <div\r\n                      class=\"sky-avatar-input__preview\"\r\n                      style={{ backgroundImage: `url(${fileList.value[0]!.url})` }}\r\n                    ></div>,\r\n                    [\r\n                      [\r\n                        ElLoadingDirective,\r\n                        isLoading.value || fileList.value[0]!.status !== 'success',\r\n                      ],\r\n                    ],\r\n                  )\r\n                ) : (\r\n                  <ElIcon>\r\n                    <EpPlus />\r\n                  </ElIcon>\r\n                ),\r\n              file: (scope: { file: UploadFile; index: number }) => {\r\n                if (slots.default) {\r\n                  const vnodes = slots.default()\r\n                  return h(\r\n                    Fragment,\r\n                    vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\r\n                  )\r\n                }\r\n              },\r\n            }}\r\n          </ElUpload>\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyAvatarInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","label","rules","dataId","default","dataName","dataUrl","fileList","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","useUpload","uploadRef","useTemplateRef","routeMeta","formData","onExceed","files","file","id","raw","controller","isLoading","res","skyConfig","url","immediate","action","ref","data","shallowRef","headers","method","beforeUpload","rawFile","onSuccess","fs","vnodes","slots","h","Fragment","vnode","cloneVNode"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/avatar-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\nimport type { GetOneResult, Identifier, SkyUploadRawFile } from '@/provides'\nimport {\n  ElFormItem,\n  ElIcon,\n  ElLoadingDirective,\n  ElUpload,\n  genFileId,\n  type FormItemRule,\n  type UploadFile,\n  type UploadInstance,\n  type UploadProps,\n  type UploadRawFile,\n} from 'element-plus'\nimport {\n  cloneVNode,\n  computed,\n  defineComponent,\n  Fragment,\n  h,\n  ref,\n  shallowRef,\n  useTemplateRef,\n  withDirectives,\n} from 'vue'\nimport { useAsyncState } from '@vueuse/core'\nimport { useRoute } from 'vue-router'\nimport { useForm, useFormGrid, useUpload, type SkyUploadUserFile } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyOssAvatarInputProps {\n  reference: string\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  dataId?: string\n  dataName?: string\n  dataUrl?: string\n  fileList?: SkyUploadUserFile[]\n}\n\nexport const SkyAvatarInput = defineComponent<SkyOssAvatarInputProps & Partial<UploadProps>>({\n  name: 'SkyAvatarInput',\n  inheritAttrs: false,\n  props: {\n    reference: {\n      type: String,\n      required: true,\n    },\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    dataId: {\n      type: String,\n      default: 'id',\n    },\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n    fileList: {\n      type: Array,\n      default: () => [],\n    },\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 { fileList } = useUpload(props.fileList!)\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    const onExceed = async (files: File[]) => {\n      uploadRef.value?.clearFiles()\n      const file = files[0] as UploadRawFile\n      file.uid = genFileId()\n      uploadRef.value?.handleStart(file)\n      uploadRef.value?.submit()\n    }\n\n    const onSuccess = () => {\n      const id = fileList.value[0]?.id\n      if (id) {\n        formData[props.source] = id\n      } else {\n        const raw = fileList.value[0]?.raw as SkyUploadRawFile | undefined\n        if (raw?.data?.id) {\n          formData[props.source] = raw.data.id\n        }\n      }\n    }\n\n    let controller: AbortController | undefined\n    const { isLoading } = useAsyncState<GetOneResult | undefined>(\n      async () => {\n        const id = formData[props.source]\n        if (id) {\n          controller = new AbortController()\n          const res = await skyConfig.dataProvider?.getOne?.(props.reference, {\n            id: id as Identifier,\n            signal: controller.signal,\n          })\n\n          if (res?.data) {\n            fileList.value = [\n              {\n                id: res.data[props.dataId!] as Identifier,\n                name: res.data[props.dataName!] as string,\n                url: res.data[props.dataUrl!] as string,\n              },\n            ]\n            return res\n          }\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    const action = ref('')\n    const data = shallowRef<Record<string, unknown>>()\n    const headers = shallowRef<Record<string, unknown>>()\n    const method = ref()\n    const name = ref<string>()\n    const beforeUpload = async (rawFile: SkyUploadRawFile) => {\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\n        file: rawFile,\n      })\n      if (res?.data) {\n        action.value = res.data.action\n        data.value = res.data.data\n        headers.value = res.data.headers\n        method.value = res.data.method\n        name.value = res.data.name\n        rawFile.data = {\n          id: res.data.file.id,\n          name: res.data.file.name,\n          url: res.data.file.url,\n        }\n      }\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          class=\"sky-avatar-input\"\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElUpload\n            ref=\"uploadRef\"\n            action={action.value}\n            method={method.value}\n            name={name.value}\n            withCredentials={props.withCredentials}\n            multiple={props.multiple}\n            limit={1}\n            beforeUpload={beforeUpload}\n            onSuccess={onSuccess}\n            onExceed={onExceed}\n            headers={headers.value}\n            data={data.value}\n            listType=\"picture-card\"\n            fileList={fileList.value}\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\n            autoUpload={true}\n            showFileList={false}\n            disabled={isLoading.value}\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\n            accept={'image/*'}\n            {...attrs}\n          >\n            {{\n              default: () =>\n                fileList.value.length ? (\n                  withDirectives(\n                    <div\n                      class=\"sky-avatar-input__preview\"\n                      style={{ backgroundImage: `url(${fileList.value[0]!.url})` }}\n                    ></div>,\n                    [\n                      [\n                        ElLoadingDirective,\n                        isLoading.value || fileList.value[0]!.status !== 'success',\n                      ],\n                    ],\n                  )\n                ) : (\n                  <ElIcon>\n                    <EpPlus />\n                  </ElIcon>\n                ),\n              file: (scope: { file: UploadFile; index: number }) => {\n                if (slots.default) {\n                  const vnodes = slots.default()\n                  return h(\n                    Fragment,\n                    vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\n                  )\n                }\n              },\n            }}\n          </ElUpload>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyAvatarInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","label","rules","dataId","default","dataName","dataUrl","fileList","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","useUpload","uploadRef","useTemplateRef","routeMeta","formData","onExceed","files","file","id","raw","controller","isLoading","res","skyConfig","url","immediate","action","ref","data","shallowRef","headers","method","beforeUpload","rawFile","onSuccess","fs","vnodes","slots","h","Fragment","vnode","cloneVNode"],"mappings":"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"}

package/dist/components/create/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/create/index.tsx"],"sourcesContent":["import { useProvideForm, useRouteKeepAlive, useTab, useTreeWithDetails } from '@/hooks'\r\nimport { EpDocumentAdd } from '@/icons/EpDocumentAdd'\r\nimport type { CreateResult } from '@/provides'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { ElButton, ElCard, type CardProps } from 'element-plus'\r\nimport { defineComponent } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\n\r\nexport const SkyCreate = defineComponent<Partial<CardProps>>({\r\n  name: 'SkyCreate',\r\n  inheritAttrs: false,\r\n  setup(_props, { slots, attrs }) {\r\n    const { t } = useI18n()\r\n    const route = useRoute()\r\n    const router = useRouter()\r\n    const { removeTab, lastTab } = useTab()\r\n    const { formData, formRef } = useProvideForm()\r\n    const treeWithDetails = useTreeWithDetails()\r\n    const { removeKeepAlive } = useRouteKeepAlive()\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    let controller: AbortController | undefined\r\n\r\n    const { isLoading: formSubmitLoging, execute } = useAsyncState<\r\n      CreateResult | undefined,\r\n      [data: Record<string, unknown>]\r\n    >(\r\n      async (data) => {\r\n        controller = new AbortController()\r\n        return skyConfig.dataProvider?.create?.(route.meta.resource as string, {\r\n          data,\r\n          signal: controller.signal,\r\n        })\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: false,\r\n      },\r\n    )\r\n\r\n    const onSumit = async () => {\r\n      if (!formRef.value) {\r\n        return\r\n      }\r\n      const valid = await formRef.value.validate()\r\n      if (!valid) {\r\n        return\r\n      }\r\n      const res = await execute(0, { ...formData })\r\n      if (res) {\r\n        if (treeWithDetails?.createSuccess) {\r\n          treeWithDetails.createSuccess(res)\r\n        } else {\r\n          if (routeMeta.keepAliveName) {\r\n            removeKeepAlive(routeMeta.keepAliveName)\r\n          }\r\n          removeTab(route.name as string)\r\n          if (lastTab.value) {\r\n            router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <div class=\"sky-create\">\r\n        <SkyCanAccess resource={routeMeta.resource} action=\"create\">\r\n          <ElCard {...attrs}>\r\n            {{\r\n              default: slots.default,\r\n              footer: () => (\r\n                <div class=\"sky-create__footer\">\r\n                  <ElButton\r\n                    type=\"primary\"\r\n                    icon={EpDocumentAdd}\r\n                    loading={formSubmitLoging.value}\r\n                    onClick={onSumit}\r\n                  >\r\n                    {t('button.submit')}\r\n                  </ElButton>\r\n                </div>\r\n              ),\r\n            }}\r\n          </ElCard>\r\n        </SkyCanAccess>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyCreate","defineComponent","name","inheritAttrs","attrs","t","route","useRoute","router","useRouter","lastTab","formRef","treeWithDetails","useTreeWithDetails","removeKeepAlive","routeMeta","controller","isLoading","execute","useAsyncState","data","immediate","onSumit","res","removeTab","params","_createVNode","default","footer","_slot","EpDocumentAdd"],"mappings":"4jCAU4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAE5C,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,YACAC,aAAAA,oBACuBC,MAAAA,CAAM,EAAA,OACnBC,EAAAA,eACRC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,UAAA,eACmBC,QAAAA,0BACDC,QAAAA,sBAClBC,EAAAC,EAAAA,mBAAA,GACQC,gBAAAA,yBACRC,EAAAT,EAAA,KAEA,IAAAU,QAEQC,UAAAA,EAA6BC,QAAAA,CAAQ,EAAAC,EAAAA,cAAA,MAAAC,IAKzCJ,EAAAA,IAAAA,0FAIA,CAAA,WAIAK,UAAAA,EACF,CAAA,EAGFC,EAAA,SAAA,IACE,CAAAX,EAAA,iCAKE,OAEF,MAAAY,EAAA,MAAAL,EAAA,EAAA,KAA2C,CAAA,EAC3CK,qBAEIX,EAAAA,cAAAA,CAAAA,oBAGEE,EAAAA,EAAAA,aAAAA,EAEFU,EAAAA,EAAAA,IAAAA,sBAEmBtB,KAAAA,EAAAA,MAAAA,UAA+BuB,OAAAA,EAAAA,MAAAA,WAAkC,CAAA,KAM1F,MAAA,IAAAC,EAAAA,YAAA,MAAA,CAAO,MAAA,iEAEuC,OAAA,QAAA,EAAA,CAAAC,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,OAAAA,EAAAA,mBAIpCC,OAAAA,IAAAA,CAAQ,IAAAC,EAAA,OAAAH,EAAAA,YAAA,MAAA,CAAA,MAAA,iDAAA,KAAA,UAAA,KAAAI,EAAAA,mFAQiB,CAAA,CAAA,CAAA,CAAA,CAGxB,CAAA,CAAA,KAMb,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/create/index.tsx"],"sourcesContent":["import { useProvideForm, useRouteKeepAlive, useTab, useTreeWithDetails } from '@/hooks'\nimport { EpDocumentAdd } from '@/icons/EpDocumentAdd'\nimport type { CreateResult } from '@/provides'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElButton, ElCard, type CardProps } from 'element-plus'\nimport { defineComponent } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport const SkyCreate = defineComponent<Partial<CardProps>>({\n  name: 'SkyCreate',\n  inheritAttrs: false,\n  setup(_props, { slots, attrs }) {\n    const { t } = useI18n()\n    const route = useRoute()\n    const router = useRouter()\n    const { removeTab, lastTab } = useTab()\n    const { formData, formRef } = useProvideForm()\n    const treeWithDetails = useTreeWithDetails()\n    const { removeKeepAlive } = useRouteKeepAlive()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n\n    const { isLoading: formSubmitLoging, execute } = useAsyncState<\n      CreateResult | undefined,\n      [data: Record<string, unknown>]\n    >(\n      async (data) => {\n        controller = new AbortController()\n        return skyConfig.dataProvider?.create?.(route.meta.resource as string, {\n          data,\n          signal: controller.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: false,\n      },\n    )\n\n    const onSumit = async () => {\n      if (!formRef.value) {\n        return\n      }\n      const valid = await formRef.value.validate()\n      if (!valid) {\n        return\n      }\n      const res = await execute(0, { ...formData })\n      if (res) {\n        if (treeWithDetails?.createSuccess) {\n          treeWithDetails.createSuccess(res)\n        } else {\n          if (routeMeta.keepAliveName) {\n            removeKeepAlive(routeMeta.keepAliveName)\n          }\n          removeTab(route.name as string)\n          if (lastTab.value) {\n            router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\n          }\n        }\n      }\n    }\n\n    return () => (\n      <div class=\"sky-create\">\n        <SkyCanAccess resource={routeMeta.resource} action=\"create\">\n          <ElCard {...attrs}>\n            {{\n              default: slots.default,\n              footer: () => (\n                <div class=\"sky-create__footer\">\n                  <ElButton\n                    type=\"primary\"\n                    icon={EpDocumentAdd}\n                    loading={formSubmitLoging.value}\n                    onClick={onSumit}\n                  >\n                    {t('button.submit')}\n                  </ElButton>\n                </div>\n              ),\n            }}\n          </ElCard>\n        </SkyCanAccess>\n      </div>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyCreate","defineComponent","name","inheritAttrs","attrs","t","route","useRoute","router","useRouter","lastTab","formRef","treeWithDetails","useTreeWithDetails","removeKeepAlive","routeMeta","controller","isLoading","execute","useAsyncState","data","immediate","onSumit","res","removeTab","params","_createVNode","default","footer","_slot","EpDocumentAdd"],"mappings":"4jCAU4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAE5C,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,YACAC,aAAAA,oBACuBC,MAAAA,CAAM,EAAA,OACnBC,EAAAA,eACRC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,UAAA,eACmBC,QAAAA,0BACDC,QAAAA,sBAClBC,EAAAC,EAAAA,mBAAA,GACQC,gBAAAA,yBACRC,EAAAT,EAAA,KAEA,IAAAU,QAEQC,UAAAA,EAA6BC,QAAAA,CAAQ,EAAAC,EAAAA,cAAA,MAAAC,IAKzCJ,EAAAA,IAAAA,0FAIA,CAAA,WAIAK,UAAAA,EACF,CAAA,EAGFC,EAAA,SAAA,IACE,CAAAX,EAAA,iCAKE,OAEF,MAAAY,EAAA,MAAAL,EAAA,EAAA,KAA2C,CAAA,EAC3CK,qBAEIX,EAAAA,cAAAA,CAAAA,oBAGEE,EAAAA,EAAAA,aAAAA,EAEFU,EAAAA,EAAAA,IAAAA,sBAEmBtB,KAAAA,EAAAA,MAAAA,UAA+BuB,OAAAA,EAAAA,MAAAA,WAAkC,CAAA,KAM1F,MAAA,IAAAC,EAAAA,YAAA,MAAA,CAAO,MAAA,iEAEuC,OAAA,QAAA,EAAA,CAAAC,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,OAAAA,EAAAA,mBAIpCC,OAAAA,IAAAA,CAAQ,IAAAC,EAAA,OAAAH,EAAAA,YAAA,MAAA,CAAA,MAAA,iDAAA,KAAA,UAAA,KAAAI,EAAAA,mFAQiB,CAAA,CAAA,CAAA,CAAA,CAGxB,CAAA,CAAA,KAMb,CACF,CAAA"}

package/dist/components/create/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/create/index.tsx"],"sourcesContent":["import { useProvideForm, useRouteKeepAlive, useTab, useTreeWithDetails } from '@/hooks'\r\nimport { EpDocumentAdd } from '@/icons/EpDocumentAdd'\r\nimport type { CreateResult } from '@/provides'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { skyConfig } from '@/setup'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { ElButton, ElCard, type CardProps } from 'element-plus'\r\nimport { defineComponent } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\n\r\nexport const SkyCreate = defineComponent<Partial<CardProps>>({\r\n  name: 'SkyCreate',\r\n  inheritAttrs: false,\r\n  setup(_props, { slots, attrs }) {\r\n    const { t } = useI18n()\r\n    const route = useRoute()\r\n    const router = useRouter()\r\n    const { removeTab, lastTab } = useTab()\r\n    const { formData, formRef } = useProvideForm()\r\n    const treeWithDetails = useTreeWithDetails()\r\n    const { removeKeepAlive } = useRouteKeepAlive()\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    let controller: AbortController | undefined\r\n\r\n    const { isLoading: formSubmitLoging, execute } = useAsyncState<\r\n      CreateResult | undefined,\r\n      [data: Record<string, unknown>]\r\n    >(\r\n      async (data) => {\r\n        controller = new AbortController()\r\n        return skyConfig.dataProvider?.create?.(route.meta.resource as string, {\r\n          data,\r\n          signal: controller.signal,\r\n        })\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: false,\r\n      },\r\n    )\r\n\r\n    const onSumit = async () => {\r\n      if (!formRef.value) {\r\n        return\r\n      }\r\n      const valid = await formRef.value.validate()\r\n      if (!valid) {\r\n        return\r\n      }\r\n      const res = await execute(0, { ...formData })\r\n      if (res) {\r\n        if (treeWithDetails?.createSuccess) {\r\n          treeWithDetails.createSuccess(res)\r\n        } else {\r\n          if (routeMeta.keepAliveName) {\r\n            removeKeepAlive(routeMeta.keepAliveName)\r\n          }\r\n          removeTab(route.name as string)\r\n          if (lastTab.value) {\r\n            router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <div class=\"sky-create\">\r\n        <SkyCanAccess resource={routeMeta.resource} action=\"create\">\r\n          <ElCard {...attrs}>\r\n            {{\r\n              default: slots.default,\r\n              footer: () => (\r\n                <div class=\"sky-create__footer\">\r\n                  <ElButton\r\n                    type=\"primary\"\r\n                    icon={EpDocumentAdd}\r\n                    loading={formSubmitLoging.value}\r\n                    onClick={onSumit}\r\n                  >\r\n                    {t('button.submit')}\r\n                  </ElButton>\r\n                </div>\r\n              ),\r\n            }}\r\n          </ElCard>\r\n        </SkyCanAccess>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyCreate","defineComponent","name","inheritAttrs","attrs","t","route","useRoute","router","useRouter","lastTab","formRef","treeWithDetails","useTreeWithDetails","removeKeepAlive","routeMeta","controller","isLoading","execute","useAsyncState","data","immediate","onSumit","res","removeTab","params","_createVNode","default","footer","_slot","EpDocumentAdd"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAU4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAE5C,MAAAE,KAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA;;IACuBC,OAAAA;AAAAA,EAAM,GAAA;;MACnBC,GAAAA;AAAAA,aACRC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACmBC,SAAAA;AAAAA;;MACDC,SAAAA;AAAAA,aAClBC,IAAAC,EAAA;MACQC,iBAAAA;AAAAA,aACRC,IAAAT,EAAA;AAEA,QAAAU;;MAEQC,WAAAA;AAAAA,MAA6BC,SAAAA;AAAAA,IAAQ,IAAAC,EAAA,OAAAC,OAKzCJ,IAAAA,IAAAA,gBAAAA;;;IAIA,CAAA;MAIAK,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAA,YAAA;UACE,CAAAX,EAAA;AAKE;AAEF,YAAAY,IAAA,MAAAL,EAAA,GAAA;AAAA;MAA2C,CAAA;AAC3C,MAAAK,yBAEIX,EAAAA,cAAAA,CAAAA,wBAGEE,EAAAA,EAAAA,aAAAA,GAEFU,EAAAA,EAAAA,IAAAA;QAEmBtB,MAAAA,EAAAA,MAAAA;AAAAA,QAA+BuB,QAAAA,EAAAA,MAAAA;AAAAA,MAAkC,CAAA;AAAA;AAM1F,WAAA,MAAAC,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA;;MAEuC,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,GAAAA;AAAAA;QAIpCC,QAAAA,MAAAA;AAAQ,cAAAC;AAAA,iBAAAH,EAAA,OAAA;AAAA,YAAA,OAAA;AAAA;YAAA,MAAA;AAAA,YAAA,MAAAI;AAAA;;;;UAQiB,CAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAGxB,CAAA,CAAA;AAAA;EAMb;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/create/index.tsx"],"sourcesContent":["import { useProvideForm, useRouteKeepAlive, useTab, useTreeWithDetails } from '@/hooks'\nimport { EpDocumentAdd } from '@/icons/EpDocumentAdd'\nimport type { CreateResult } from '@/provides'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElButton, ElCard, type CardProps } from 'element-plus'\nimport { defineComponent } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport const SkyCreate = defineComponent<Partial<CardProps>>({\n  name: 'SkyCreate',\n  inheritAttrs: false,\n  setup(_props, { slots, attrs }) {\n    const { t } = useI18n()\n    const route = useRoute()\n    const router = useRouter()\n    const { removeTab, lastTab } = useTab()\n    const { formData, formRef } = useProvideForm()\n    const treeWithDetails = useTreeWithDetails()\n    const { removeKeepAlive } = useRouteKeepAlive()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    let controller: AbortController | undefined\n\n    const { isLoading: formSubmitLoging, execute } = useAsyncState<\n      CreateResult | undefined,\n      [data: Record<string, unknown>]\n    >(\n      async (data) => {\n        controller = new AbortController()\n        return skyConfig.dataProvider?.create?.(route.meta.resource as string, {\n          data,\n          signal: controller.signal,\n        })\n      },\n      undefined,\n      {\n        immediate: false,\n      },\n    )\n\n    const onSumit = async () => {\n      if (!formRef.value) {\n        return\n      }\n      const valid = await formRef.value.validate()\n      if (!valid) {\n        return\n      }\n      const res = await execute(0, { ...formData })\n      if (res) {\n        if (treeWithDetails?.createSuccess) {\n          treeWithDetails.createSuccess(res)\n        } else {\n          if (routeMeta.keepAliveName) {\n            removeKeepAlive(routeMeta.keepAliveName)\n          }\n          removeTab(route.name as string)\n          if (lastTab.value) {\n            router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\n          }\n        }\n      }\n    }\n\n    return () => (\n      <div class=\"sky-create\">\n        <SkyCanAccess resource={routeMeta.resource} action=\"create\">\n          <ElCard {...attrs}>\n            {{\n              default: slots.default,\n              footer: () => (\n                <div class=\"sky-create__footer\">\n                  <ElButton\n                    type=\"primary\"\n                    icon={EpDocumentAdd}\n                    loading={formSubmitLoging.value}\n                    onClick={onSumit}\n                  >\n                    {t('button.submit')}\n                  </ElButton>\n                </div>\n              ),\n            }}\n          </ElCard>\n        </SkyCanAccess>\n      </div>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyCreate","defineComponent","name","inheritAttrs","attrs","t","route","useRoute","router","useRouter","lastTab","formRef","treeWithDetails","useTreeWithDetails","removeKeepAlive","routeMeta","controller","isLoading","execute","useAsyncState","data","immediate","onSumit","res","removeTab","params","_createVNode","default","footer","_slot","EpDocumentAdd"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAU4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAE5C,MAAAE,KAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA;;IACuBC,OAAAA;AAAAA,EAAM,GAAA;;MACnBC,GAAAA;AAAAA,aACRC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACmBC,SAAAA;AAAAA;;MACDC,SAAAA;AAAAA,aAClBC,IAAAC,EAAA;MACQC,iBAAAA;AAAAA,aACRC,IAAAT,EAAA;AAEA,QAAAU;;MAEQC,WAAAA;AAAAA,MAA6BC,SAAAA;AAAAA,IAAQ,IAAAC,EAAA,OAAAC,OAKzCJ,IAAAA,IAAAA,gBAAAA;;;IAIA,CAAA;MAIAK,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAA,YAAA;UACE,CAAAX,EAAA;AAKE;AAEF,YAAAY,IAAA,MAAAL,EAAA,GAAA;AAAA;MAA2C,CAAA;AAC3C,MAAAK,yBAEIX,EAAAA,cAAAA,CAAAA,wBAGEE,EAAAA,EAAAA,aAAAA,GAEFU,EAAAA,EAAAA,IAAAA;QAEmBtB,MAAAA,EAAAA,MAAAA;AAAAA,QAA+BuB,QAAAA,EAAAA,MAAAA;AAAAA,MAAkC,CAAA;AAAA;AAM1F,WAAA,MAAAC,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA;;MAEuC,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,GAAAA;AAAAA;QAIpCC,QAAAA,MAAAA;AAAQ,cAAAC;AAAA,iBAAAH,EAAA,OAAA;AAAA,YAAA,OAAA;AAAA;YAAA,MAAA;AAAA,YAAA,MAAAI;AAAA;;;;UAQiB,CAAA,CAAA,CAAA;AAAA,QAAA;AAAA,MAGxB,CAAA,CAAA;AAAA;EAMb;AACF,CAAA;"}

package/dist/components/edit-button/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/edit-button/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\r\nimport { skyConfig } from '@/setup'\r\nimport { ElButton, type ButtonProps } from 'element-plus'\r\nimport { computed, defineComponent } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\n\r\nexport interface SkyEditButtonProps {\r\n  id?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyEditButton = defineComponent<SkyEditButtonProps & Partial<ButtonProps>>({\r\n  name: 'SkyEditButton',\r\n  inheritAttrs: false,\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    row: Object,\r\n  },\r\n  setup(props, { attrs }) {\r\n    const { t } = useI18n()\r\n    const router = useRouter()\r\n    const route = useRoute()\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    const id = computed(() => {\r\n      const v = props.row?.[props.id!]\r\n      if (v) {\r\n        return String(v)\r\n      }\r\n    })\r\n\r\n    const onEdit = () => {\r\n      const routeName = skyConfig.getEditRouteName(routeMeta.resource)\r\n      if (id.value && router.hasRoute(routeName)) {\r\n        router.push({\r\n          name: routeName,\r\n          params: {\r\n            id: id.value,\r\n          },\r\n        })\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"edit\" row={id.value}>\r\n        <ElButton link type=\"primary\" onClick={onEdit} {...attrs}>\r\n          {t('button.edit')}\r\n        </ElButton>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyEditButton","defineComponent","name","inheritAttrs","props","id","type","default","row","attrs","t","router","useRouter","routeMeta","useRoute","computed","v","params","_slot"],"mappings":"8SAM4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAO5C,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,aAAAA,GACAC,MAAAA,CACEC,GAAAA,CACEC,KAAAA,OACAC,QAAAA,MAEFC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,OACXC,EAAAA,eACRC,EAAAC,EAAAA,UAAA,EAEAC,EADAC,EAAAA,SAAA,EACA,KACAT,EAAAU,EAAAA,SAAA,IAAA,uBAEE,GAAAC,kBAGF,CAAA,0FAMMd,KAAAA,EACAe,OAAAA,WAEA,CACF,CAAA,cAIG,IAAAC,2DACqC,OAAA,OAAA,IAAAb,EAAA,KAA6B,EAAA,CAAAE,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,KAAA,GAAA,KAAA,gEAElD,CAAA,CAAA,CAAA,CAAA,EAIzB,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/edit-button/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { ElButton, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyEditButtonProps {\n  id?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyEditButton = defineComponent<SkyEditButtonProps & Partial<ButtonProps>>({\n  name: 'SkyEditButton',\n  inheritAttrs: false,\n  props: {\n    id: {\n      type: String,\n      default: 'id',\n    },\n    row: Object,\n  },\n  setup(props, { attrs }) {\n    const { t } = useI18n()\n    const router = useRouter()\n    const route = useRoute()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const id = computed(() => {\n      const v = props.row?.[props.id!]\n      if (v) {\n        return String(v)\n      }\n    })\n\n    const onEdit = () => {\n      const routeName = skyConfig.getEditRouteName(routeMeta.resource)\n      if (id.value && router.hasRoute(routeName)) {\n        router.push({\n          name: routeName,\n          params: {\n            id: id.value,\n          },\n        })\n      }\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action=\"edit\" row={id.value}>\n        <ElButton link type=\"primary\" onClick={onEdit} {...attrs}>\n          {t('button.edit')}\n        </ElButton>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyEditButton","defineComponent","name","inheritAttrs","props","id","type","default","row","attrs","t","router","useRouter","routeMeta","useRoute","computed","v","params","_slot"],"mappings":"8SAM4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAO5C,MAAAE,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,aAAAA,GACAC,MAAAA,CACEC,GAAAA,CACEC,KAAAA,OACAC,QAAAA,MAEFC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,OACXC,EAAAA,eACRC,EAAAC,EAAAA,UAAA,EAEAC,EADAC,EAAAA,SAAA,EACA,KACAT,EAAAU,EAAAA,SAAA,IAAA,uBAEE,GAAAC,kBAGF,CAAA,0FAMMd,KAAAA,EACAe,OAAAA,WAEA,CACF,CAAA,cAIG,IAAAC,2DACqC,OAAA,OAAA,IAAAb,EAAA,KAA6B,EAAA,CAAAE,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,KAAA,GAAA,KAAA,gEAElD,CAAA,CAAA,CAAA,CAAA,EAIzB,CACF,CAAA"}

package/dist/components/edit-button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/edit-button/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\r\nimport { skyConfig } from '@/setup'\r\nimport { ElButton, type ButtonProps } from 'element-plus'\r\nimport { computed, defineComponent } from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\n\r\nexport interface SkyEditButtonProps {\r\n  id?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyEditButton = defineComponent<SkyEditButtonProps & Partial<ButtonProps>>({\r\n  name: 'SkyEditButton',\r\n  inheritAttrs: false,\r\n  props: {\r\n    id: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    row: Object,\r\n  },\r\n  setup(props, { attrs }) {\r\n    const { t } = useI18n()\r\n    const router = useRouter()\r\n    const route = useRoute()\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    const id = computed(() => {\r\n      const v = props.row?.[props.id!]\r\n      if (v) {\r\n        return String(v)\r\n      }\r\n    })\r\n\r\n    const onEdit = () => {\r\n      const routeName = skyConfig.getEditRouteName(routeMeta.resource)\r\n      if (id.value && router.hasRoute(routeName)) {\r\n        router.push({\r\n          name: routeName,\r\n          params: {\r\n            id: id.value,\r\n          },\r\n        })\r\n      }\r\n    }\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"edit\" row={id.value}>\r\n        <ElButton link type=\"primary\" onClick={onEdit} {...attrs}>\r\n          {t('button.edit')}\r\n        </ElButton>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["_isSlot","s","_isVNode","SkyEditButton","defineComponent","name","inheritAttrs","props","id","type","default","row","attrs","t","router","useRouter","routeMeta","useRoute","computed","v","params","_slot"],"mappings":";;;;;;;AAM4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAO5C,MAAAE,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,IAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;;MACXC,GAAAA;AAAAA,aACRC,IAAAC,EAAA,GAEAC,IADAC,EAAA,EACA,MACAT,IAAAU,EAAA,MAAA;;AAEE,UAAAC;;IAGF,CAAA;;;QAMMd,MAAAA;AAAAA,QACAe,QAAAA;AAAAA;QAEA;AAAA,MACF,CAAA;AAAA;;AAIG,UAAAC;;;QACqC,QAAA;AAAA,QAAA,KAAAb,EAAA;AAAA,MAA6B,GAAA;AAAA,QAAAE,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,MAAA;AAAA,UAAA,MAAA;AAAA;;;QAElD,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAIzB;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/edit-button/index.tsx"],"sourcesContent":["import type { SkyLayoutRouteMeta } from '@/router'\nimport { skyConfig } from '@/setup'\nimport { ElButton, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute, useRouter } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyEditButtonProps {\n  id?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyEditButton = defineComponent<SkyEditButtonProps & Partial<ButtonProps>>({\n  name: 'SkyEditButton',\n  inheritAttrs: false,\n  props: {\n    id: {\n      type: String,\n      default: 'id',\n    },\n    row: Object,\n  },\n  setup(props, { attrs }) {\n    const { t } = useI18n()\n    const router = useRouter()\n    const route = useRoute()\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n    const id = computed(() => {\n      const v = props.row?.[props.id!]\n      if (v) {\n        return String(v)\n      }\n    })\n\n    const onEdit = () => {\n      const routeName = skyConfig.getEditRouteName(routeMeta.resource)\n      if (id.value && router.hasRoute(routeName)) {\n        router.push({\n          name: routeName,\n          params: {\n            id: id.value,\n          },\n        })\n      }\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action=\"edit\" row={id.value}>\n        <ElButton link type=\"primary\" onClick={onEdit} {...attrs}>\n          {t('button.edit')}\n        </ElButton>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyEditButton","defineComponent","name","inheritAttrs","props","id","type","default","row","attrs","t","router","useRouter","routeMeta","useRoute","computed","v","params","_slot"],"mappings":";;;;;;;AAM4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAO5C,MAAAE,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,IAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;;MACXC,GAAAA;AAAAA,aACRC,IAAAC,EAAA,GAEAC,IADAC,EAAA,EACA,MACAT,IAAAU,EAAA,MAAA;;AAEE,UAAAC;;IAGF,CAAA;;;QAMMd,MAAAA;AAAAA,QACAe,QAAAA;AAAAA;QAEA;AAAA,MACF,CAAA;AAAA;;AAIG,UAAAC;;;QACqC,QAAA;AAAA,QAAA,KAAAb,EAAA;AAAA,MAA6B,GAAA;AAAA,QAAAE,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,MAAA;AAAA,UAAA,MAAA;AAAA;;;QAElD,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAIzB;AACF,CAAA;"}

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 { EpPlus } from '@/icons/EpPlus'\r\nimport type { GetManyResult, Identifier, SkyUploadRawFile } from '@/provides'\r\nimport {\r\n  ElDialog,\r\n  ElFormItem,\r\n  ElIcon,\r\n  ElLoadingDirective,\r\n  ElUpload,\r\n  genFileId,\r\n  type FormItemRule,\r\n  type UploadFile,\r\n  type UploadInstance,\r\n  type UploadProps,\r\n  type UploadRawFile,\r\n} from 'element-plus'\r\nimport {\r\n  cloneVNode,\r\n  computed,\r\n  defineComponent,\r\n  Fragment,\r\n  h,\r\n  ref,\r\n  shallowRef,\r\n  useTemplateRef,\r\n  withDirectives,\r\n} from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useForm, useFormGrid, type SkyUploadUserFile } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport { EpUploadFilled } from '@/icons/EpUploadFilled'\r\nimport { useI18n } from 'vue-i18n'\r\n\r\nexport interface SkyFileMultipleInputProps {\r\n  reference: string\r\n  source: string\r\n  type?: 'file' | 'image'\r\n  dataId?: string\r\n  dataName?: string\r\n  dataUrl?: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  name?: string\r\n  withCredentials?: boolean\r\n  limit?: number\r\n  fileList?: SkyUploadUserFile[]\r\n  autoUpload?: UploadProps['autoUpload']\r\n}\r\n\r\nexport const SkyFileMultipleInput = defineComponent<\r\n  SkyFileMultipleInputProps & Partial<UploadProps>\r\n>({\r\n  name: 'SkyFileMultipleInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    reference: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    type: {\r\n      type: String,\r\n      default: 'file',\r\n    },\r\n    dataId: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    dataName: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    dataUrl: {\r\n      type: String,\r\n      default: 'url',\r\n    },\r\n    label: String,\r\n    rules: Object,\r\n    limit: {\r\n      type: Number,\r\n      default: 1,\r\n    },\r\n    fileList: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n    autoUpload: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const { t } = useI18n()\r\n    const route = useRoute()\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n    // init fileList\r\n    const fileList = shallowRef<SkyUploadUserFile[]>(props.fileList!)\r\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const onExceed = (files: File[]) => {\r\n      if (props.limit === 1) {\r\n        uploadRef.value?.clearFiles()\r\n        const file = files[0] as UploadRawFile\r\n        file.uid = genFileId()\r\n        uploadRef.value?.handleStart(file)\r\n        if (props.autoUpload) {\r\n          uploadRef.value?.submit()\r\n        }\r\n      }\r\n    }\r\n\r\n    const onSuccess = () => {\r\n      const ids: Identifier[] = []\r\n      for (const fl of fileList.value) {\r\n        if (fl.id) {\r\n          ids.push(fl.id as Identifier)\r\n        } else {\r\n          const raw = fl.raw as SkyUploadRawFile | undefined\r\n          if (raw?.data?.id) {\r\n            fl.id = raw.data.id as Identifier\r\n            ids.push(raw.data.id as Identifier)\r\n          }\r\n        }\r\n      }\r\n      formData[props.source] = ids\r\n    }\r\n\r\n    const preview = ref(false)\r\n    const previewUrl = ref<string>()\r\n    const onPreview = (file: UploadFile) => {\r\n      previewUrl.value = file.url\r\n      preview.value = true\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const ids = formData[props.source]\r\n        if (ids) {\r\n          controller = new AbortController()\r\n          const res = await skyConfig.dataProvider?.getMany?.(props.reference, {\r\n            ids: ids as Identifier[],\r\n            signal: controller.signal,\r\n          })\r\n\r\n          if (res?.data) {\r\n            fileList.value = res.data.map((d) => ({\r\n              id: d[props.dataId!] as Identifier,\r\n              name: d[props.dataName!] as string,\r\n              url: d[props.dataUrl!] as string,\r\n            }))\r\n            return res\r\n          }\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const action = ref('')\r\n    const data = shallowRef<Record<string, unknown>>()\r\n    const headers = shallowRef<Record<string, unknown>>()\r\n    const method = ref()\r\n    const name = ref<string>()\r\n    const beforeUpload = async (rawFile: SkyUploadRawFile) => {\r\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\r\n        file: rawFile,\r\n      })\r\n      if (res?.data) {\r\n        action.value = res.data.action\r\n        data.value = res.data.data\r\n        headers.value = res.data.headers\r\n        method.value = res.data.method\r\n        name.value = res.data.name\r\n        rawFile.data = {\r\n          id: res.data.file.id,\r\n          name: res.data.file.name,\r\n          url: res.data.file.url,\r\n        }\r\n      }\r\n    }\r\n\r\n    const accept = computed(() => (props.type === 'image' ? 'image/*' : undefined))\r\n    const listType = computed(() => (props.type === 'image' ? 'picture-card' : 'text'))\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\r\n        <ElFormItem\r\n          class={['sky-file-multiple-input', `is-${props.type}`]}\r\n          label={title.value}\r\n          prop={props.source}\r\n          rules={props.rules}\r\n          style={formGrid ? `grid-area: ${props.source}` : ''}\r\n        >\r\n          <ElUpload\r\n            ref=\"uploadRef\"\r\n            action={action.value}\r\n            method={method.value}\r\n            name={props.name}\r\n            withCredentials={props.withCredentials}\r\n            multiple={props.limit! > 1}\r\n            limit={props.limit}\r\n            beforeUpload={beforeUpload}\r\n            onSuccess={onSuccess}\r\n            onExceed={onExceed}\r\n            headers={headers.value}\r\n            data={data.value}\r\n            listType={listType.value}\r\n            fileList={fileList.value}\r\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\r\n            autoUpload={props.autoUpload}\r\n            drag={props.type === 'file'}\r\n            showFileList\r\n            onPreview={onPreview}\r\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\r\n            accept={accept.value}\r\n            {...attrs}\r\n          >\r\n            {{\r\n              default: () =>\r\n                props.type === 'image' ? (\r\n                  <ElIcon>\r\n                    <EpPlus />\r\n                  </ElIcon>\r\n                ) : (\r\n                  <>\r\n                    <ElIcon class=\"sky-file-multiple-input__icon\">\r\n                      <EpUploadFilled />\r\n                    </ElIcon>\r\n                    <div class=\"sky-file-multiple-input__text\">\r\n                      {t('upload.drop')}\r\n                      <em>{t('upload.click')}</em>\r\n                    </div>\r\n                  </>\r\n                ),\r\n              file: (scope: { file: UploadFile; index: number }) => {\r\n                if (slots.default) {\r\n                  const vnodes = slots.default()\r\n                  return withDirectives(\r\n                    h(\r\n                      Fragment,\r\n                      vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\r\n                    ),\r\n                    [[ElLoadingDirective, isLoading.value]],\r\n                  )\r\n                }\r\n              },\r\n            }}\r\n          </ElUpload>\r\n          <ElDialog\r\n            appendToBody\r\n            modelValue={preview.value}\r\n            onUpdate:modelValue={(v) => (preview.value = v)}\r\n          >\r\n            <img class=\"sky-file-multiple-input__img\" src={previewUrl.value} />\r\n          </ElDialog>\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","default","dataId","dataName","dataUrl","label","rules","limit","fileList","autoUpload","attrs","t","route","useRoute","formGrid","useFormGrid","editData","title","computed","shallowRef","uploadRef","useTemplateRef","routeMeta","formData","file","files","fl","ids","raw","preview","ref","previewUrl","controller","isLoading","res","skyConfig","id","url","immediate","action","data","headers","method","beforeUpload","rawFile","accept","listType","onSuccess","onExceed","fs","onPreview","_createVNode","_Fragment","ElIcon","vnodes","slots","withDirectives","h","Fragment","vnode","cloneVNode","ElLoadingDirective","v"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/file-multiple-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\nimport type { GetManyResult, Identifier, SkyUploadRawFile } from '@/provides'\nimport {\n  ElDialog,\n  ElFormItem,\n  ElIcon,\n  ElLoadingDirective,\n  ElUpload,\n  genFileId,\n  type FormItemRule,\n  type UploadFile,\n  type UploadInstance,\n  type UploadProps,\n  type UploadRawFile,\n} from 'element-plus'\nimport {\n  cloneVNode,\n  computed,\n  defineComponent,\n  Fragment,\n  h,\n  ref,\n  shallowRef,\n  useTemplateRef,\n  withDirectives,\n} from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useAsyncState } from '@vueuse/core'\nimport { useForm, useFormGrid, type SkyUploadUserFile } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\nimport { EpUploadFilled } from '@/icons/EpUploadFilled'\nimport { useI18n } from 'vue-i18n'\n\nexport interface SkyFileMultipleInputProps {\n  reference: string\n  source: string\n  type?: 'file' | 'image'\n  dataId?: string\n  dataName?: string\n  dataUrl?: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  name?: string\n  withCredentials?: boolean\n  limit?: number\n  fileList?: SkyUploadUserFile[]\n  autoUpload?: UploadProps['autoUpload']\n}\n\nexport const SkyFileMultipleInput = defineComponent<\n  SkyFileMultipleInputProps & Partial<UploadProps>\n>({\n  name: 'SkyFileMultipleInput',\n  inheritAttrs: false,\n  props: {\n    reference: {\n      type: String,\n      required: true,\n    },\n    source: {\n      type: String,\n      required: true,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    dataId: {\n      type: String,\n      default: 'id',\n    },\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n    label: String,\n    rules: Object,\n    limit: {\n      type: Number,\n      default: 1,\n    },\n    fileList: {\n      type: Array,\n      default: () => [],\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  setup(props, { slots, attrs }) {\n    const { t } = useI18n()\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 fileList = shallowRef<SkyUploadUserFile[]>(props.fileList!)\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    const onExceed = (files: File[]) => {\n      if (props.limit === 1) {\n        uploadRef.value?.clearFiles()\n        const file = files[0] as UploadRawFile\n        file.uid = genFileId()\n        uploadRef.value?.handleStart(file)\n        if (props.autoUpload) {\n          uploadRef.value?.submit()\n        }\n      }\n    }\n\n    const onSuccess = () => {\n      const ids: Identifier[] = []\n      for (const fl of fileList.value) {\n        if (fl.id) {\n          ids.push(fl.id as Identifier)\n        } else {\n          const raw = fl.raw as SkyUploadRawFile | undefined\n          if (raw?.data?.id) {\n            fl.id = raw.data.id as Identifier\n            ids.push(raw.data.id as Identifier)\n          }\n        }\n      }\n      formData[props.source] = ids\n    }\n\n    const preview = ref(false)\n    const previewUrl = ref<string>()\n    const onPreview = (file: UploadFile) => {\n      previewUrl.value = file.url\n      preview.value = true\n    }\n\n    let controller: AbortController | undefined\n    const { isLoading } = useAsyncState<GetManyResult | undefined>(\n      async () => {\n        const ids = formData[props.source]\n        if (ids) {\n          controller = new AbortController()\n          const res = await skyConfig.dataProvider?.getMany?.(props.reference, {\n            ids: ids as Identifier[],\n            signal: controller.signal,\n          })\n\n          if (res?.data) {\n            fileList.value = res.data.map((d) => ({\n              id: d[props.dataId!] as Identifier,\n              name: d[props.dataName!] as string,\n              url: d[props.dataUrl!] as string,\n            }))\n            return res\n          }\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    const action = ref('')\n    const data = shallowRef<Record<string, unknown>>()\n    const headers = shallowRef<Record<string, unknown>>()\n    const method = ref()\n    const name = ref<string>()\n    const beforeUpload = async (rawFile: SkyUploadRawFile) => {\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\n        file: rawFile,\n      })\n      if (res?.data) {\n        action.value = res.data.action\n        data.value = res.data.data\n        headers.value = res.data.headers\n        method.value = res.data.method\n        name.value = res.data.name\n        rawFile.data = {\n          id: res.data.file.id,\n          name: res.data.file.name,\n          url: res.data.file.url,\n        }\n      }\n    }\n\n    const accept = computed(() => (props.type === 'image' ? 'image/*' : undefined))\n    const listType = computed(() => (props.type === 'image' ? 'picture-card' : 'text'))\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          <ElUpload\n            ref=\"uploadRef\"\n            action={action.value}\n            method={method.value}\n            name={props.name}\n            withCredentials={props.withCredentials}\n            multiple={props.limit! > 1}\n            limit={props.limit}\n            beforeUpload={beforeUpload}\n            onSuccess={onSuccess}\n            onExceed={onExceed}\n            headers={headers.value}\n            data={data.value}\n            listType={listType.value}\n            fileList={fileList.value}\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\n            autoUpload={props.autoUpload}\n            drag={props.type === 'file'}\n            showFileList\n            onPreview={onPreview}\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\n            accept={accept.value}\n            {...attrs}\n          >\n            {{\n              default: () =>\n                props.type === 'image' ? (\n                  <ElIcon>\n                    <EpPlus />\n                  </ElIcon>\n                ) : (\n                  <>\n                    <ElIcon class=\"sky-file-multiple-input__icon\">\n                      <EpUploadFilled />\n                    </ElIcon>\n                    <div class=\"sky-file-multiple-input__text\">\n                      {t('upload.drop')}\n                      <em>{t('upload.click')}</em>\n                    </div>\n                  </>\n                ),\n              file: (scope: { file: UploadFile; index: number }) => {\n                if (slots.default) {\n                  const vnodes = slots.default()\n                  return withDirectives(\n                    h(\n                      Fragment,\n                      vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\n                    ),\n                    [[ElLoadingDirective, isLoading.value]],\n                  )\n                }\n              },\n            }}\n          </ElUpload>\n          <ElDialog\n            appendToBody\n            modelValue={preview.value}\n            onUpdate:modelValue={(v) => (preview.value = v)}\n          >\n            <img class=\"sky-file-multiple-input__img\" src={previewUrl.value} />\n          </ElDialog>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","default","dataId","dataName","dataUrl","label","rules","limit","fileList","autoUpload","attrs","t","route","useRoute","formGrid","useFormGrid","editData","title","computed","shallowRef","uploadRef","useTemplateRef","routeMeta","formData","file","files","fl","ids","raw","preview","ref","previewUrl","controller","isLoading","res","skyConfig","id","url","immediate","action","data","headers","method","beforeUpload","rawFile","accept","listType","onSuccess","onExceed","fs","onPreview","_createVNode","_Fragment","ElIcon","vnodes","slots","withDirectives","h","Fragment","vnode","cloneVNode","ElLoadingDirective","v"],"mappings":"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"}

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 { EpPlus } from '@/icons/EpPlus'\r\nimport type { GetManyResult, Identifier, SkyUploadRawFile } from '@/provides'\r\nimport {\r\n  ElDialog,\r\n  ElFormItem,\r\n  ElIcon,\r\n  ElLoadingDirective,\r\n  ElUpload,\r\n  genFileId,\r\n  type FormItemRule,\r\n  type UploadFile,\r\n  type UploadInstance,\r\n  type UploadProps,\r\n  type UploadRawFile,\r\n} from 'element-plus'\r\nimport {\r\n  cloneVNode,\r\n  computed,\r\n  defineComponent,\r\n  Fragment,\r\n  h,\r\n  ref,\r\n  shallowRef,\r\n  useTemplateRef,\r\n  withDirectives,\r\n} from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { useAsyncState } from '@vueuse/core'\r\nimport { useForm, useFormGrid, type SkyUploadUserFile } from '@/hooks'\r\nimport { skyConfig } from '@/setup'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport { EpUploadFilled } from '@/icons/EpUploadFilled'\r\nimport { useI18n } from 'vue-i18n'\r\n\r\nexport interface SkyFileMultipleInputProps {\r\n  reference: string\r\n  source: string\r\n  type?: 'file' | 'image'\r\n  dataId?: string\r\n  dataName?: string\r\n  dataUrl?: string\r\n  label?: string\r\n  rules?: FormItemRule | FormItemRule[]\r\n  name?: string\r\n  withCredentials?: boolean\r\n  limit?: number\r\n  fileList?: SkyUploadUserFile[]\r\n  autoUpload?: UploadProps['autoUpload']\r\n}\r\n\r\nexport const SkyFileMultipleInput = defineComponent<\r\n  SkyFileMultipleInputProps & Partial<UploadProps>\r\n>({\r\n  name: 'SkyFileMultipleInput',\r\n  inheritAttrs: false,\r\n  props: {\r\n    reference: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    type: {\r\n      type: String,\r\n      default: 'file',\r\n    },\r\n    dataId: {\r\n      type: String,\r\n      default: 'id',\r\n    },\r\n    dataName: {\r\n      type: String,\r\n      default: 'name',\r\n    },\r\n    dataUrl: {\r\n      type: String,\r\n      default: 'url',\r\n    },\r\n    label: String,\r\n    rules: Object,\r\n    limit: {\r\n      type: Number,\r\n      default: 1,\r\n    },\r\n    fileList: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n    autoUpload: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const { t } = useI18n()\r\n    const route = useRoute()\r\n    const formGrid = useFormGrid()\r\n    const { formData, editData } = useForm()!\r\n    const title = computed<string>(() => props.label || props.source)\r\n    // init fileList\r\n    const fileList = shallowRef<SkyUploadUserFile[]>(props.fileList!)\r\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    if (editData.value) {\r\n      formData[props.source] = editData.value[props.source]\r\n    }\r\n\r\n    const onExceed = (files: File[]) => {\r\n      if (props.limit === 1) {\r\n        uploadRef.value?.clearFiles()\r\n        const file = files[0] as UploadRawFile\r\n        file.uid = genFileId()\r\n        uploadRef.value?.handleStart(file)\r\n        if (props.autoUpload) {\r\n          uploadRef.value?.submit()\r\n        }\r\n      }\r\n    }\r\n\r\n    const onSuccess = () => {\r\n      const ids: Identifier[] = []\r\n      for (const fl of fileList.value) {\r\n        if (fl.id) {\r\n          ids.push(fl.id as Identifier)\r\n        } else {\r\n          const raw = fl.raw as SkyUploadRawFile | undefined\r\n          if (raw?.data?.id) {\r\n            fl.id = raw.data.id as Identifier\r\n            ids.push(raw.data.id as Identifier)\r\n          }\r\n        }\r\n      }\r\n      formData[props.source] = ids\r\n    }\r\n\r\n    const preview = ref(false)\r\n    const previewUrl = ref<string>()\r\n    const onPreview = (file: UploadFile) => {\r\n      previewUrl.value = file.url\r\n      preview.value = true\r\n    }\r\n\r\n    let controller: AbortController | undefined\r\n    const { isLoading } = useAsyncState<GetManyResult | undefined>(\r\n      async () => {\r\n        const ids = formData[props.source]\r\n        if (ids) {\r\n          controller = new AbortController()\r\n          const res = await skyConfig.dataProvider?.getMany?.(props.reference, {\r\n            ids: ids as Identifier[],\r\n            signal: controller.signal,\r\n          })\r\n\r\n          if (res?.data) {\r\n            fileList.value = res.data.map((d) => ({\r\n              id: d[props.dataId!] as Identifier,\r\n              name: d[props.dataName!] as string,\r\n              url: d[props.dataUrl!] as string,\r\n            }))\r\n            return res\r\n          }\r\n        }\r\n      },\r\n      undefined,\r\n      {\r\n        immediate: true,\r\n      },\r\n    )\r\n\r\n    const action = ref('')\r\n    const data = shallowRef<Record<string, unknown>>()\r\n    const headers = shallowRef<Record<string, unknown>>()\r\n    const method = ref()\r\n    const name = ref<string>()\r\n    const beforeUpload = async (rawFile: SkyUploadRawFile) => {\r\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\r\n        file: rawFile,\r\n      })\r\n      if (res?.data) {\r\n        action.value = res.data.action\r\n        data.value = res.data.data\r\n        headers.value = res.data.headers\r\n        method.value = res.data.method\r\n        name.value = res.data.name\r\n        rawFile.data = {\r\n          id: res.data.file.id,\r\n          name: res.data.file.name,\r\n          url: res.data.file.url,\r\n        }\r\n      }\r\n    }\r\n\r\n    const accept = computed(() => (props.type === 'image' ? 'image/*' : undefined))\r\n    const listType = computed(() => (props.type === 'image' ? 'picture-card' : 'text'))\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\r\n        <ElFormItem\r\n          class={['sky-file-multiple-input', `is-${props.type}`]}\r\n          label={title.value}\r\n          prop={props.source}\r\n          rules={props.rules}\r\n          style={formGrid ? `grid-area: ${props.source}` : ''}\r\n        >\r\n          <ElUpload\r\n            ref=\"uploadRef\"\r\n            action={action.value}\r\n            method={method.value}\r\n            name={props.name}\r\n            withCredentials={props.withCredentials}\r\n            multiple={props.limit! > 1}\r\n            limit={props.limit}\r\n            beforeUpload={beforeUpload}\r\n            onSuccess={onSuccess}\r\n            onExceed={onExceed}\r\n            headers={headers.value}\r\n            data={data.value}\r\n            listType={listType.value}\r\n            fileList={fileList.value}\r\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\r\n            autoUpload={props.autoUpload}\r\n            drag={props.type === 'file'}\r\n            showFileList\r\n            onPreview={onPreview}\r\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\r\n            accept={accept.value}\r\n            {...attrs}\r\n          >\r\n            {{\r\n              default: () =>\r\n                props.type === 'image' ? (\r\n                  <ElIcon>\r\n                    <EpPlus />\r\n                  </ElIcon>\r\n                ) : (\r\n                  <>\r\n                    <ElIcon class=\"sky-file-multiple-input__icon\">\r\n                      <EpUploadFilled />\r\n                    </ElIcon>\r\n                    <div class=\"sky-file-multiple-input__text\">\r\n                      {t('upload.drop')}\r\n                      <em>{t('upload.click')}</em>\r\n                    </div>\r\n                  </>\r\n                ),\r\n              file: (scope: { file: UploadFile; index: number }) => {\r\n                if (slots.default) {\r\n                  const vnodes = slots.default()\r\n                  return withDirectives(\r\n                    h(\r\n                      Fragment,\r\n                      vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\r\n                    ),\r\n                    [[ElLoadingDirective, isLoading.value]],\r\n                  )\r\n                }\r\n              },\r\n            }}\r\n          </ElUpload>\r\n          <ElDialog\r\n            appendToBody\r\n            modelValue={preview.value}\r\n            onUpdate:modelValue={(v) => (preview.value = v)}\r\n          >\r\n            <img class=\"sky-file-multiple-input__img\" src={previewUrl.value} />\r\n          </ElDialog>\r\n        </ElFormItem>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","default","dataId","dataName","dataUrl","label","rules","limit","fileList","autoUpload","attrs","t","route","useRoute","formGrid","useFormGrid","editData","title","computed","shallowRef","uploadRef","useTemplateRef","routeMeta","formData","file","files","fl","ids","raw","preview","ref","previewUrl","controller","isLoading","res","skyConfig","id","url","immediate","action","data","headers","method","beforeUpload","rawFile","accept","listType","onSuccess","onExceed","fs","onPreview","_createVNode","_Fragment","ElIcon","vnodes","slots","withDirectives","h","Fragment","vnode","cloneVNode","ElLoadingDirective","v"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/file-multiple-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\nimport type { GetManyResult, Identifier, SkyUploadRawFile } from '@/provides'\nimport {\n  ElDialog,\n  ElFormItem,\n  ElIcon,\n  ElLoadingDirective,\n  ElUpload,\n  genFileId,\n  type FormItemRule,\n  type UploadFile,\n  type UploadInstance,\n  type UploadProps,\n  type UploadRawFile,\n} from 'element-plus'\nimport {\n  cloneVNode,\n  computed,\n  defineComponent,\n  Fragment,\n  h,\n  ref,\n  shallowRef,\n  useTemplateRef,\n  withDirectives,\n} from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useAsyncState } from '@vueuse/core'\nimport { useForm, useFormGrid, type SkyUploadUserFile } from '@/hooks'\nimport { skyConfig } from '@/setup'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { SkyCanAccess } from '../can-access'\nimport { EpUploadFilled } from '@/icons/EpUploadFilled'\nimport { useI18n } from 'vue-i18n'\n\nexport interface SkyFileMultipleInputProps {\n  reference: string\n  source: string\n  type?: 'file' | 'image'\n  dataId?: string\n  dataName?: string\n  dataUrl?: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  name?: string\n  withCredentials?: boolean\n  limit?: number\n  fileList?: SkyUploadUserFile[]\n  autoUpload?: UploadProps['autoUpload']\n}\n\nexport const SkyFileMultipleInput = defineComponent<\n  SkyFileMultipleInputProps & Partial<UploadProps>\n>({\n  name: 'SkyFileMultipleInput',\n  inheritAttrs: false,\n  props: {\n    reference: {\n      type: String,\n      required: true,\n    },\n    source: {\n      type: String,\n      required: true,\n    },\n    type: {\n      type: String,\n      default: 'file',\n    },\n    dataId: {\n      type: String,\n      default: 'id',\n    },\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n    label: String,\n    rules: Object,\n    limit: {\n      type: Number,\n      default: 1,\n    },\n    fileList: {\n      type: Array,\n      default: () => [],\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  setup(props, { slots, attrs }) {\n    const { t } = useI18n()\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 fileList = shallowRef<SkyUploadUserFile[]>(props.fileList!)\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    const onExceed = (files: File[]) => {\n      if (props.limit === 1) {\n        uploadRef.value?.clearFiles()\n        const file = files[0] as UploadRawFile\n        file.uid = genFileId()\n        uploadRef.value?.handleStart(file)\n        if (props.autoUpload) {\n          uploadRef.value?.submit()\n        }\n      }\n    }\n\n    const onSuccess = () => {\n      const ids: Identifier[] = []\n      for (const fl of fileList.value) {\n        if (fl.id) {\n          ids.push(fl.id as Identifier)\n        } else {\n          const raw = fl.raw as SkyUploadRawFile | undefined\n          if (raw?.data?.id) {\n            fl.id = raw.data.id as Identifier\n            ids.push(raw.data.id as Identifier)\n          }\n        }\n      }\n      formData[props.source] = ids\n    }\n\n    const preview = ref(false)\n    const previewUrl = ref<string>()\n    const onPreview = (file: UploadFile) => {\n      previewUrl.value = file.url\n      preview.value = true\n    }\n\n    let controller: AbortController | undefined\n    const { isLoading } = useAsyncState<GetManyResult | undefined>(\n      async () => {\n        const ids = formData[props.source]\n        if (ids) {\n          controller = new AbortController()\n          const res = await skyConfig.dataProvider?.getMany?.(props.reference, {\n            ids: ids as Identifier[],\n            signal: controller.signal,\n          })\n\n          if (res?.data) {\n            fileList.value = res.data.map((d) => ({\n              id: d[props.dataId!] as Identifier,\n              name: d[props.dataName!] as string,\n              url: d[props.dataUrl!] as string,\n            }))\n            return res\n          }\n        }\n      },\n      undefined,\n      {\n        immediate: true,\n      },\n    )\n\n    const action = ref('')\n    const data = shallowRef<Record<string, unknown>>()\n    const headers = shallowRef<Record<string, unknown>>()\n    const method = ref()\n    const name = ref<string>()\n    const beforeUpload = async (rawFile: SkyUploadRawFile) => {\n      const res = await skyConfig.dataProvider?.getUploadConfig?.({\n        file: rawFile,\n      })\n      if (res?.data) {\n        action.value = res.data.action\n        data.value = res.data.data\n        headers.value = res.data.headers\n        method.value = res.data.method\n        name.value = res.data.name\n        rawFile.data = {\n          id: res.data.file.id,\n          name: res.data.file.name,\n          url: res.data.file.url,\n        }\n      }\n    }\n\n    const accept = computed(() => (props.type === 'image' ? 'image/*' : undefined))\n    const listType = computed(() => (props.type === 'image' ? 'picture-card' : 'text'))\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          <ElUpload\n            ref=\"uploadRef\"\n            action={action.value}\n            method={method.value}\n            name={props.name}\n            withCredentials={props.withCredentials}\n            multiple={props.limit! > 1}\n            limit={props.limit}\n            beforeUpload={beforeUpload}\n            onSuccess={onSuccess}\n            onExceed={onExceed}\n            headers={headers.value}\n            data={data.value}\n            listType={listType.value}\n            fileList={fileList.value}\n            onUpdate:file-list={(fs: SkyUploadUserFile[]) => (fileList.value = fs)}\n            autoUpload={props.autoUpload}\n            drag={props.type === 'file'}\n            showFileList\n            onPreview={onPreview}\n            // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Reference/Attributes/accept\n            accept={accept.value}\n            {...attrs}\n          >\n            {{\n              default: () =>\n                props.type === 'image' ? (\n                  <ElIcon>\n                    <EpPlus />\n                  </ElIcon>\n                ) : (\n                  <>\n                    <ElIcon class=\"sky-file-multiple-input__icon\">\n                      <EpUploadFilled />\n                    </ElIcon>\n                    <div class=\"sky-file-multiple-input__text\">\n                      {t('upload.drop')}\n                      <em>{t('upload.click')}</em>\n                    </div>\n                  </>\n                ),\n              file: (scope: { file: UploadFile; index: number }) => {\n                if (slots.default) {\n                  const vnodes = slots.default()\n                  return withDirectives(\n                    h(\n                      Fragment,\n                      vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\n                    ),\n                    [[ElLoadingDirective, isLoading.value]],\n                  )\n                }\n              },\n            }}\n          </ElUpload>\n          <ElDialog\n            appendToBody\n            modelValue={preview.value}\n            onUpdate:modelValue={(v) => (preview.value = v)}\n          >\n            <img class=\"sky-file-multiple-input__img\" src={previewUrl.value} />\n          </ElDialog>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyFileMultipleInput","defineComponent","name","inheritAttrs","props","reference","type","required","source","default","dataId","dataName","dataUrl","label","rules","limit","fileList","autoUpload","attrs","t","route","useRoute","formGrid","useFormGrid","editData","title","computed","shallowRef","uploadRef","useTemplateRef","routeMeta","formData","file","files","fl","ids","raw","preview","ref","previewUrl","controller","isLoading","res","skyConfig","id","url","immediate","action","data","headers","method","beforeUpload","rawFile","accept","listType","onSuccess","onExceed","fs","onPreview","_createVNode","_Fragment","ElIcon","vnodes","slots","withDirectives","h","Fragment","vnode","cloneVNode","ElLoadingDirective","v"],"mappings":"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"}

package/dist/components/image-field/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/image-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\r\nimport { ElImage, type ImageProps } from 'element-plus'\r\nimport { computed, defineComponent } from 'vue'\r\nimport { useRoute } from 'vue-router'\r\nimport { SkyCanAccess } from '../can-access'\r\nimport type { SkyLayoutRouteMeta } from '@/router'\r\n\r\nexport interface SkyImageFieldProps {\r\n  source: string\r\n  src?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyImageField = defineComponent<SkyImageFieldProps & Partial<ImageProps>>({\r\n  name: 'SkyImageField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    src: {\r\n      type: String,\r\n      default: 'src',\r\n    },\r\n    label: String,\r\n    row: Object,\r\n  },\r\n  setup(props, { attrs }) {\r\n    const route = useRoute()\r\n    const hiddenTitle = useHiddenTitle()\r\n    const title = computed<string>(() => props.label || props.source)\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n\r\n    const field = computed<string>(() => {\r\n      const v = props.row?.[props.source]\r\n      if (!v) {\r\n        return ''\r\n      }\r\n      if (typeof v !== 'object') {\r\n        return String(v)\r\n      }\r\n      return (v as Record<string, string>)[props.src!] || ''\r\n    })\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {field.value &&\r\n          (hiddenTitle ? (\r\n            <ElImage src={field.value} {...attrs} />\r\n          ) : (\r\n            <div class=\"sky-image-field\">\r\n              {title.value && <h4>{title.value}</h4>}\r\n              <ElImage src={field.value} {...attrs} />\r\n            </div>\r\n          ))}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyImageField","defineComponent","name","inheritAttrs","props","source","type","required","src","default","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","field","v","_createVNode","ElImage","_mergeProps"],"mappings":"s3BAcAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,IAAAA,CACEF,KAAAA,OACAG,QAAAA,OAEFC,MAAAA,OACAC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAd,EAAA,OAAAA,EAAA,MAAA,EACAe,EAAAN,EAAA,KAEAO,EAAAF,EAAAA,SAAA,IAAA,oCAKE,OAAAG,GAAA,mBAGAA,EAAAjB,EAAA,GAAA,GAAA,GALE,EAMJ,CAAA,8DAG4C,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAA,EAAA,MAAsB,EAAA,CAAAK,QAAAA,IAAAA,CAAAA,EAAAA,QAAAA,EAAAA,EAAAA,YAAAA,EAAAA,QAAAA,aAAAA,CAE1E,IAAAW,EAAA,qCAC0B,MAAA,iBAAA,EAAA,CAAAH,EAAA,OAAAK,EAAAA,YAAA,KAAA,KAAA,CAAAL,EAAA,KAAA,CAAA,EAAAK,cAAAC,EAAAA,QAAAC,EAAAA,WAAA,CAGI,IAAAJ,EAAA,qBAMlD,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/image-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\nimport { ElImage, type ImageProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyImageFieldProps {\n  source: string\n  src?: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyImageField = defineComponent<SkyImageFieldProps & Partial<ImageProps>>({\n  name: 'SkyImageField',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    src: {\n      type: String,\n      default: 'src',\n    },\n    label: String,\n    row: Object,\n  },\n  setup(props, { attrs }) {\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\n    const title = computed<string>(() => props.label || props.source)\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    const field = computed<string>(() => {\n      const v = props.row?.[props.source]\n      if (!v) {\n        return ''\n      }\n      if (typeof v !== 'object') {\n        return String(v)\n      }\n      return (v as Record<string, string>)[props.src!] || ''\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {field.value &&\n          (hiddenTitle ? (\n            <ElImage src={field.value} {...attrs} />\n          ) : (\n            <div class=\"sky-image-field\">\n              {title.value && <h4>{title.value}</h4>}\n              <ElImage src={field.value} {...attrs} />\n            </div>\n          ))}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyImageField","defineComponent","name","inheritAttrs","props","source","type","required","src","default","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","title","computed","routeMeta","field","v","_createVNode","ElImage","_mergeProps"],"mappings":"s3BAcAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,IAAAA,CACEF,KAAAA,OACAG,QAAAA,OAEFC,MAAAA,OACAC,IAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAd,EAAA,OAAAA,EAAA,MAAA,EACAe,EAAAN,EAAA,KAEAO,EAAAF,EAAAA,SAAA,IAAA,oCAKE,OAAAG,GAAA,mBAGAA,EAAAjB,EAAA,GAAA,GAAA,GALE,EAMJ,CAAA,8DAG4C,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAA,EAAA,MAAsB,EAAA,CAAAK,QAAAA,IAAAA,CAAAA,EAAAA,QAAAA,EAAAA,EAAAA,YAAAA,EAAAA,QAAAA,aAAAA,CAE1E,IAAAW,EAAA,qCAC0B,MAAA,iBAAA,EAAA,CAAAH,EAAA,OAAAK,EAAAA,YAAA,KAAA,KAAA,CAAAL,EAAA,KAAA,CAAA,EAAAK,cAAAC,EAAAA,QAAAC,EAAAA,WAAA,CAGI,IAAAJ,EAAA,qBAMlD,CACF,CAAA"}