skyline-vue-admin 0.0.16 → 0.0.18

package/dist/components/avatar-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/icon/style/css");require("element-plus/es/components/upload/style/css");const a=require("vue"),C=require("../../icons/EpPlus.cjs"),l=require("element-plus"),E=require("@vueuse/core"),F=require("vue-router");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const R=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const p=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const L=require("../../hooks/useUpload.cjs"),y=require("../../setup/index.cjs"),P=require("../can-access/index.cjs"),V=a.defineComponent({name:"SkyAvatarInput",inheritAttrs:!1,props:{reference:{type:String,required:!0},source:{type:String,required:!0},label:String,rules:Object,dataId:{type:String,default:"id"},dataName:{type:String,default:"name"},dataUrl:{type:String,default:"url"},fileList:{type:Array,default:()=>[]}},setup(t,{slots:d,attrs:h}){const S=F.useRoute(),b=p.useFormGrid(),{formData:i,editData:o}=R.useForm(),w=a.computed(()=>t.label||t.source),{fileList:u}=L.useUpload(t.fileList),n=a.useTemplateRef("uploadRef"),U=S.meta;o.value&&(i[t.source]=o.value[t.source]);const k=async r=>{n.value?.clearFiles();const e=r[0];e.uid=l.genFileId(),n.value?.handleStart(e),n.value?.submit()},I=()=>{const r=u.value[0]?.id;if(r)i[t.source]=r;else{const e=u.value[0]?.raw;e?.data?.id&&(i[t.source]=e.data.id)}};let s;const{isLoading:c}=E.useAsyncState(async()=>{const r=i[t.source];if(r){s=new AbortController;const e=await y.skyConfig.dataProvider?.getOne?.(t.reference,{id:r,signal:s.signal});if(e?.data)return u.value=[{id:e.data[t.dataId],name:e.data[t.dataName],url:e.data[t.dataUrl]}],e}},void 0,{immediate:!0}),f=a.ref(""),v=a.shallowRef(),m=a.shallowRef(),q=a.ref(),g=a.ref(),N=async r=>{const e=await y.skyConfig.dataProvider?.getUploadConfig?.({file:r});e?.data&&(f.value=e.data.action,v.value=e.data.data,m.value=e.data.headers,q.value=e.data.method,g.value=e.data.name,r.data={id:e.data.file.id,name:e.data.file.name,url:e.data.file.url})};return()=>a.createVNode(P.SkyCanAccess,{resource:U.resource,action:["create","edit"],column:t.source},{default:()=>[a.createVNode(l.ElFormItem,{class:"sky-avatar-input",label:w.value,prop:t.source,rules:t.rules,style:b?`grid-area: ${t.source}`:""},{default:()=>[a.createVNode(l.ElUpload,a.mergeProps({ref:"uploadRef",action:f.value,method:q.value,name:g.value,withCredentials:t.withCredentials,multiple:t.multiple,limit:1,beforeUpload:N,onSuccess:I,onExceed:k,headers:m.value,data:v.value,listType:"picture-card",fileList:u.value,"onUpdate:file-list":r=>u.value=r,autoUpload:!0,showFileList:!1,disabled:c.value,accept:"image/*"},h),{default:()=>u.value.length?a.withDirectives(a.createVNode("div",{class:"sky-avatar-input__preview",style:{backgroundImage:`url(${u.value[0].url})`}},null),[[l.ElLoadingDirective,c.value||u.value[0].status!=="success"]]):a.createVNode(l.ElIcon,null,{default:()=>[a.createVNode(C.EpPlus,null,null)]}),file:r=>{if(d.default){const e=d.default();return a.h(a.Fragment,e.map(A=>a.cloneVNode(A,{...r})))}}})]})]})}});exports.SkyAvatarInput=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/upload/style/css");const r=require("vue"),U=require("../../icons/EpPlus.cjs"),l=require("element-plus"),E=require("vue-router");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");require("../../hooks/useTab.cjs");require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const k=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const w=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const I=require("../../hooks/useUpload.cjs"),V=require("../can-access/index.cjs"),R=r.defineComponent({name:"SkyAvatarInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,rules:Object,dataName:{type:String,default:"name"},dataUrl:{type:String,default:"url"}},setup(e,{slots:s,attrs:c}){const d=E.useRoute(),m=w.useFormGrid(),{formData:i,editData:n}=k.useForm(),v=r.computed(()=>e.label||e.source),{fileList:t,action:f,data:q,headers:p,method:g,name:y,beforeUpload:S}=I.useUpload(),o=r.useTemplateRef("uploadRef"),h=d.meta;if(n.value){const u=n.value[e.source];i[e.source]=u,t.value=[{upload:u,name:u[e.dataName],url:u[e.dataUrl]}]}const b=async u=>{o.value?.clearFiles();const a=u[0];a.uid=l.genFileId(),o.value?.handleStart(a),o.value?.submit()},F=()=>{const u=t.value[0]?.upload;if(u)i[e.source]=u;else{const a=t.value[0]?.raw;a?.upload&&(i[e.source]=a.upload)}};return()=>r.createVNode(V.SkyCanAccess,{resource:h.resource,action:["create","edit"],column:e.source},{default:()=>[r.createVNode(l.ElFormItem,{class:"sky-avatar-input",label:v.value,prop:e.source,rules:e.rules,style:m?`grid-area: ${e.source}`:""},{default:()=>[r.createVNode(l.ElUpload,r.mergeProps({ref:"uploadRef",action:f.value,method:g.value,name:y.value,withCredentials:e.withCredentials,multiple:e.multiple,limit:1,beforeUpload:S,onSuccess:F,onExceed:b,headers:p.value,data:q.value,listType:"picture-card",fileList:t.value,"onUpdate:file-list":u=>t.value=u,autoUpload:!0,showFileList:!1,accept:"image/*"},c),{default:()=>t.value.length?r.withDirectives(r.createVNode("div",{class:"sky-avatar-input__preview",style:{backgroundImage:`url(${t.value[0].url})`}},null),[[l.ElLoadingDirective,t.value[0].status!=="success"]]):r.createVNode(l.ElIcon,null,{default:()=>[r.createVNode(U.EpPlus,null,null)]}),file:u=>{if(s.default){const a=s.default();return r.h(r.Fragment,a.map(N=>r.cloneVNode(N,{...u})))}}})]})]})}});exports.SkyAvatarInput=R;
 //# sourceMappingURL=index.cjs.map

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'\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":"snCA2CAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,iBACAC,aAAAA,GACAC,MAAAA,CACEC,UAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,OAAAA,CACEF,KAAAA,OACAC,SAAAA,IAEFE,MAAAA,OACAC,MAAAA,OACAC,OAAAA,CACEL,KAAAA,OACAM,QAAAA,MAEFC,SAAAA,CACEP,KAAAA,OACAM,QAAAA,QAEFE,QAAAA,CACER,KAAAA,OACAM,QAAAA,OAEFG,SAAAA,CACET,KAAAA,oBAEF,oBAEoBU,MAAAA,CAAM,EAAA,CAC1B,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAC,EAAAA,SAAA,IAAAnB,EAAA,OAAAA,EAAA,MAAA,GAEQW,SAAAA,CAAS,EAAAS,EAAAA,UAAApB,EAAA,QAAA,EACjBqB,EAAAC,EAAAA,eAAA,WAAA,EACAC,EAAAV,EAAA,eAGEW,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,GAGF,MAAAC,EAAA,MAAAC,GAAA,CACEL,EAAAA,OAAAA,WAAAA,EACA,MAAAM,EAAAD,EAAA,CAAA,EACAC,EAAAA,IAAAA,YAAAA,EACAN,EAAAA,OAAAA,YAAAA,CAAAA,EACAA,EAAAA,OAAAA,OAAAA,iCAKA,GAAAO,EACEJ,EAAAA,EAAAA,MAAAA,EAAAA,MACF,yBAEEK,GAAA,MAAA,2BAGF,GAGF,IAAAC,QACQC,UAAAA,6BAEJ,MAAAH,EAAAJ,EAAAxB,EAAA,MAAA,EACA,GAAA4B,EAAA,CACEE,EAAAA,IAAAA,gBACA,MAAAE,EAAA,MAAAC,EAAAA,UAAA,cAAA,SAAAjC,EAAA,UAAA,CACE4B,GAAAA,iBAEF,CAAA,0EAOMM,IAAAA,EAAAA,KAAAA,EAAAA,OAAAA,CACF,CAAA,EAEFF,CAEJ,WAIAG,UAAAA,EACF,CAAA,EAGFC,EAAAC,EAAAA,IAAA,EAAA,EACAC,EAAAC,EAAAA,WAAA,EACAC,EAAAD,EAAAA,WAAA,EACAE,EAAAJ,EAAAA,IAAA,EACAvC,EAAAuC,EAAAA,IAAA,EACAK,EAAA,MAAAC,GAAA,4DAEIhB,KAAAA,CACF,CAAA,YAEES,EAAAA,MAAAA,EAAAA,KAAAA,OACAE,EAAAA,MAAAA,EAAAA,KAAAA,KACAE,EAAAA,MAAAA,EAAAA,KAAAA,QACAC,EAAAA,MAAAA,EAAAA,KAAAA,OACA3C,EAAAA,MAAAA,EAAAA,KAAAA,aAEE8B,GAAAA,EAAAA,KAAAA,KAAAA,GACA9B,KAAAA,EAAAA,KAAAA,KAAAA,KACAoC,IAAAA,EAAAA,KAAAA,KAAAA,mEAMsC,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAAlC,EAAA,MAAsB,EAAA,CAAAQ,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,CAAA,MAAA,6DAKtE,MAAAO,EAAA,cAAAf,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAQ,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,IAAA,6GAQzB,MAAA,EAChB,aAAAkC,EACkB,UAAAE,EACN,SAAAnB,+BAGJ,SAAA,gCAEQ,qBAAAoB,GAAAlC,EAAA,MAAAkC,EAC8C,WAAA,GACtD,aAAA,oCAIC,EAAAjC,CAAA,EAAA,kEAMG,MAAA,2EAGiD,uGAQ9DJ,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,EAAAA,OAAAA,KAAAA,IAAAA,CAAAA,2BAQD,MAAAsC,EAAAC,EAAA,QAAA,EACA,OAAAC,EAAAA,EAAAC,EAAAA,SAAAH,EAAA,IAAAI,GAAAC,EAAAA,WAAAD,EAAA,SAIF,CACF,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,GAMb,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/avatar-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\nimport type { 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  useTemplateRef,\n  withDirectives,\n} from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useForm, useFormGrid, useUpload, type FormContext, type SkyUploadUserFile } from '@/hooks'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyOssAvatarInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  dataName?: string\n  dataUrl?: string\n}\n\nexport const SkyAvatarInput = defineComponent<SkyOssAvatarInputProps & Partial<UploadProps>>({\n  name: 'SkyAvatarInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n  },\n  setup(props, { slots, attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()! as FormContext<\n      Record<string, Record<string, unknown>>\n    >\n    const title = computed<string>(() => props.label || props.source)\n    // init fileList\n    const { fileList, action, data, headers, method, name, beforeUpload } = useUpload()\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Record<string, unknown>\n      formData[props.source] = ed\n      fileList.value = [\n        {\n          upload: ed,\n          name: ed[props.dataName!] as string,\n          url: ed[props.dataUrl!] as string,\n        },\n      ]\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 upload = fileList.value[0]?.upload\n      if (upload) {\n        formData[props.source] = upload\n      } else {\n        const raw = fileList.value[0]?.raw as SkyUploadRawFile | undefined\n        if (raw?.upload) {\n          formData[props.source] = raw.upload\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            // 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                    [[ElLoadingDirective, fileList.value[0]!.status !== 'success']],\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","source","type","required","label","rules","dataName","default","dataUrl","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","beforeUpload","uploadRef","useTemplateRef","routeMeta","formData","upload","url","onExceed","files","file","onSuccess","fs","fileList","vnodes","slots","h","Fragment","vnode","cloneVNode"],"mappings":"yjCAoCAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,iBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,MAAAA,OACAC,SAAAA,CACEJ,KAAAA,OACAK,QAAAA,QAEFC,QAAAA,CACEN,KAAAA,OACAK,QAAAA,KACF,oBAEoBE,MAAAA,CAAM,EAAA,CAC1B,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAGlBC,EAAAC,EAAAA,SAAA,IAAAhB,EAAA,OAAAA,EAAA,MAAA,wDAEuDiB,aAAAA,iBACvDC,EAAAC,EAAAA,eAAA,WAAA,EACAC,EAAAV,EAAA,2CAIEW,EAAAA,EAAAA,MAAAA,EAAAA,YAGIC,OAAAA,EACAxB,KAAAA,EAAAA,EAAAA,QAAAA,EACAyB,IAAAA,EAAAA,EAAAA,OAAAA,CACF,CAAA,CAEJ,CAEA,MAAAC,EAAA,MAAAC,GAAA,CACEP,EAAAA,OAAAA,WAAAA,EACA,MAAAQ,EAAAD,EAAA,CAAA,EACAC,EAAAA,IAAAA,YAAAA,EACAR,EAAAA,OAAAA,YAAAA,CAAAA,EACAA,EAAAA,OAAAA,OAAAA,qCAKA,GAAAI,EACED,EAAAA,EAAAA,MAAAA,EAAAA,MACF,0DAKA,+DAI0C,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAArB,EAAA,MAAsB,EAAA,CAAAO,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,CAAA,MAAA,6DAKtE,MAAAK,EAAA,cAAAZ,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAO,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,SAAAA,EAAAA,WAAAA,CAAA,IAAA,6GAQzB,MAAA,EAChB,aAAAU,EACkB,UAAAU,EACN,SAAAH,+BAGJ,SAAA,gCAEQ,qBAAAI,GAAAC,EAAA,MAAAD,EAC8C,WAAA,GACtD,aAAA,mBAGC,EAAAnB,CAAA,EAAA,kEAMG,MAAA,2EAGiD,8FAG9DF,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,EAAAA,OAAAA,KAAAA,IAAAA,CAAAA,2BAQD,MAAAuB,EAAAC,EAAA,QAAA,EACA,OAAAC,EAAAA,EAAAC,EAAAA,SAAAH,EAAA,IAAAI,GAAAC,EAAAA,WAAAD,EAAA,SAIF,CACF,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,GAMb,CACF,CAAA"}

package/dist/components/avatar-input/index.d.ts

@@ -1,13 +1,9 @@
 import { FormItemRule, UploadProps } from 'element-plus';
-import { SkyUploadUserFile } from '../../hooks';
 export interface SkyOssAvatarInputProps {
-    reference: string;
     source: string;
     label?: string;
     rules?: FormItemRule | FormItemRule[];
-    dataId?: string;
     dataName?: string;
     dataUrl?: string;
-    fileList?: SkyUploadUserFile[];
 }
 export declare const SkyAvatarInput: import('vue').DefineComponent<SkyOssAvatarInputProps & Partial<UploadProps>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkyOssAvatarInputProps & Partial<UploadProps>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1,11 +1,10 @@
 import "element-plus/es/components/form-item/style/css";
 import "element-plus/es/components/icon/style/css";
 import "element-plus/es/components/upload/style/css";
-import { defineComponent as L, computed as F, useTemplateRef as R, ref as u, shallowRef as y, createVNode as i, mergeProps as D, withDirectives as N, h as P, Fragment as x, cloneVNode as q } from "vue";
-import { EpPlus as G } from "../../icons/EpPlus.mjs";
-import { ElFormItem as O, ElUpload as T, ElLoadingDirective as V, ElIcon as _, genFileId as $ } from "element-plus";
-import { useAsyncState as j } from "@vueuse/core";
-import { useRoute as M } from "vue-router";
+import { defineComponent as E, computed as F, useTemplateRef as k, createVNode as r, mergeProps as I, withDirectives as R, h as A, Fragment as C, cloneVNode as D } from "vue";
+import { EpPlus as L } from "../../icons/EpPlus.mjs";
+import { ElFormItem as N, ElUpload as x, ElLoadingDirective as G, ElIcon as P, genFileId as T } from "element-plus";
+import { useRoute as V } from "vue-router";
 import "../../hooks/useUser.mjs";
 import "../../hooks/usePermission.mjs";
 import "../../hooks/useMenu.mjs";
@@ -16,33 +15,24 @@ import "../../hooks/useLang.mjs";
 import "../../hooks/useTheme.mjs";
 import "../../hooks/useList.mjs";
 import "../../hooks/useHiddenTitle.mjs";
-import { useForm as z } from "../../hooks/useForm.mjs";
+import { useForm as _ } from "../../hooks/useForm.mjs";
 import "../../hooks/useShow.mjs";
 import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
-import { useFormGrid as B } from "../../hooks/useFormGrid.mjs";
+import { useFormGrid as $ } from "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
-import { useUpload as H } from "../../hooks/useUpload.mjs";
-import { skyConfig as h } from "../../setup/index.mjs";
-import { SkyCanAccess as J } from "../can-access/index.mjs";
-const we = /* @__PURE__ */ L({
+import { useUpload as j } from "../../hooks/useUpload.mjs";
+import { SkyCanAccess as q } from "../can-access/index.mjs";
+const pe = /* @__PURE__ */ E({
   name: "SkyAvatarInput",
   inheritAttrs: !1,
   props: {
-    reference: {
-      type: String,
-      required: !0
-    },
     source: {
       type: String,
       required: !0
     },
     label: String,
     rules: Object,
-    dataId: {
-      type: String,
-      default: "id"
-    },
     dataName: {
       type: String,
       default: "name"
@@ -50,112 +40,90 @@ const we = /* @__PURE__ */ L({
     dataUrl: {
       type: String,
       default: "url"
-    },
-    fileList: {
-      type: Array,
-      default: () => []
     }
   },
-  setup(t, {
-    slots: d,
-    attrs: S
+  setup(e, {
+    slots: i,
+    attrs: s
   }) {
-    const b = M(), w = B(), {
-      formData: l,
-      editData: n
-    } = z(), U = F(() => t.label || t.source), {
-      fileList: r
-    } = H(t.fileList), o = R("uploadRef"), I = b.meta;
-    n.value && (l[t.source] = n.value[t.source]);
-    const k = async (a) => {
-      o.value?.clearFiles();
-      const e = a[0];
-      e.uid = $(), o.value?.handleStart(e), o.value?.submit();
-    }, A = () => {
-      const a = r.value[0]?.id;
-      if (a)
-        l[t.source] = a;
+    const n = V(), c = $(), {
+      formData: o,
+      editData: m
+    } = _(), d = F(() => e.label || e.source), {
+      fileList: a,
+      action: p,
+      data: f,
+      headers: v,
+      method: g,
+      name: h,
+      beforeUpload: y
+    } = j(), u = k("uploadRef"), S = n.meta;
+    if (m.value) {
+      const t = m.value[e.source];
+      o[e.source] = t, a.value = [{
+        upload: t,
+        name: t[e.dataName],
+        url: t[e.dataUrl]
+      }];
+    }
+    const b = async (t) => {
+      u.value?.clearFiles();
+      const l = t[0];
+      l.uid = T(), u.value?.handleStart(l), u.value?.submit();
+    }, U = () => {
+      const t = a.value[0]?.upload;
+      if (t)
+        o[e.source] = t;
       else {
-        const e = r.value[0]?.raw;
-        e?.data?.id && (l[t.source] = e.data.id);
-      }
-    };
-    let s;
-    const {
-      isLoading: c
-    } = j(async () => {
-      const a = l[t.source];
-      if (a) {
-        s = new AbortController();
-        const e = await h.dataProvider?.getOne?.(t.reference, {
-          id: a,
-          signal: s.signal
-        });
-        if (e?.data)
-          return r.value = [{
-            id: e.data[t.dataId],
-            name: e.data[t.dataName],
-            url: e.data[t.dataUrl]
-          }], e;
+        const l = a.value[0]?.raw;
+        l?.upload && (o[e.source] = l.upload);
       }
-    }, void 0, {
-      immediate: !0
-    }), m = u(""), f = y(), v = y(), p = u(), g = u(), C = async (a) => {
-      const e = await h.dataProvider?.getUploadConfig?.({
-        file: a
-      });
-      e?.data && (m.value = e.data.action, f.value = e.data.data, v.value = e.data.headers, p.value = e.data.method, g.value = e.data.name, a.data = {
-        id: e.data.file.id,
-        name: e.data.file.name,
-        url: e.data.file.url
-      });
     };
-    return () => i(J, {
-      resource: I.resource,
+    return () => r(q, {
+      resource: S.resource,
       action: ["create", "edit"],
-      column: t.source
+      column: e.source
     }, {
-      default: () => [i(O, {
+      default: () => [r(N, {
         class: "sky-avatar-input",
-        label: U.value,
-        prop: t.source,
-        rules: t.rules,
-        style: w ? `grid-area: ${t.source}` : ""
+        label: d.value,
+        prop: e.source,
+        rules: e.rules,
+        style: c ? `grid-area: ${e.source}` : ""
       }, {
-        default: () => [i(T, D({
+        default: () => [r(x, I({
           ref: "uploadRef",
-          action: m.value,
-          method: p.value,
-          name: g.value,
-          withCredentials: t.withCredentials,
-          multiple: t.multiple,
+          action: p.value,
+          method: g.value,
+          name: h.value,
+          withCredentials: e.withCredentials,
+          multiple: e.multiple,
           limit: 1,
-          beforeUpload: C,
-          onSuccess: A,
-          onExceed: k,
+          beforeUpload: y,
+          onSuccess: U,
+          onExceed: b,
           headers: v.value,
           data: f.value,
           listType: "picture-card",
-          fileList: r.value,
-          "onUpdate:file-list": (a) => r.value = a,
+          fileList: a.value,
+          "onUpdate:file-list": (t) => a.value = t,
           autoUpload: !0,
           showFileList: !1,
-          disabled: c.value,
           accept: "image/*"
-        }, S), {
-          default: () => r.value.length ? N(i("div", {
+        }, s), {
+          default: () => a.value.length ? R(r("div", {
             class: "sky-avatar-input__preview",
             style: {
-              backgroundImage: `url(${r.value[0].url})`
+              backgroundImage: `url(${a.value[0].url})`
             }
-          }, null), [[V, c.value || r.value[0].status !== "success"]]) : i(_, null, {
-            default: () => [i(G, null, null)]
+          }, null), [[G, a.value[0].status !== "success"]]) : r(P, null, {
+            default: () => [r(L, null, null)]
           }),
-          file: (a) => {
-            if (d.default) {
-              const e = d.default();
-              return P(x, e.map((E) => q(E, {
-                ...a
+          file: (t) => {
+            if (i.default) {
+              const l = i.default();
+              return A(C, l.map((w) => D(w, {
+                ...t
               })));
             }
           }
@@ -165,6 +133,6 @@ const we = /* @__PURE__ */ L({
   }
 });
 export {
-  we as SkyAvatarInput
+  pe as SkyAvatarInput
 };
 //# sourceMappingURL=index.mjs.map

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'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAAA,KAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,WAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,QAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFE,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAM,SAAAA;AAAAA;IAEFC,UAAAA;AAAAA,MACEP,MAAAA;AAAAA,MACAM,SAAAA;AAAAA;IAEFE,SAAAA;AAAAA,MACER,MAAAA;AAAAA,MACAM,SAAAA;AAAAA;IAEFG,UAAAA;AAAAA,MACET,MAAAA;AAAAA;IAEF;AAAA;;;IAEoBU,OAAAA;AAAAA,EAAM,GAAA;AAC1B,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAC,EAAA,MAAAnB,EAAA,SAAAA,EAAA,MAAA;MAEQW,UAAAA;AAAAA,IAAS,IAAAS,EAAApB,EAAA,QAAA,GACjBqB,IAAAC,EAAA,WAAA,GACAC,IAAAV,EAAA;gBAGEW,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA;AAGF,UAAAC,IAAA,OAAAC,MAAA;AACEL,MAAAA,EAAAA,OAAAA,WAAAA;AACA,YAAAM,IAAAD,EAAA,CAAA;AACAC,MAAAA,EAAAA,MAAAA,EAAAA,GACAN,EAAAA,OAAAA,YAAAA,CAAAA,GACAA,EAAAA,OAAAA,OAAAA;AAAAA;;AAKA,UAAAO;AACEJ,QAAAA,EAAAA,EAAAA,MAAAA,IAAAA;AAAAA,WACF;;AAEE,QAAAK,GAAA,MAAA;MAGF;AAAA;AAGF,QAAAC;;MACQC,WAAAA;AAAAA;AAEJ,YAAAH,IAAAJ,EAAAxB,EAAA,MAAA;AACA,UAAA4B,GAAA;AACEE,QAAAA,IAAAA,IAAAA,gBAAAA;AACA,cAAAE,IAAA,MAAAC,EAAA,cAAA,SAAAjC,EAAA,WAAA;AAAA,UACE4B,IAAAA;AAAAA;QAEF,CAAA;;;;;YAOMM,KAAAA,EAAAA,KAAAA,EAAAA,OAAAA;AAAAA,UACF,CAAA,GAEFF;AAAA,MAEJ;AAAA;MAIAG,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAAC,EAAA,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAD,EAAA,GACAE,IAAAJ,EAAA,GACAvC,IAAAuC,EAAA,GACAK,IAAA,OAAAC,MAAA;;QAEIhB,MAAAA;AAAAA,MACF,CAAA;kBAEES,EAAAA,QAAAA,EAAAA,KAAAA,QACAE,EAAAA,QAAAA,EAAAA,KAAAA,MACAE,EAAAA,QAAAA,EAAAA,KAAAA,SACAC,EAAAA,QAAAA,EAAAA,KAAAA,QACA3C,EAAAA,QAAAA,EAAAA,KAAAA;QAEE8B,IAAAA,EAAAA,KAAAA,KAAAA;AAAAA,QACA9B,MAAAA,EAAAA,KAAAA,KAAAA;AAAAA,QACAoC,KAAAA,EAAAA,KAAAA,KAAAA;AAAAA;;;;MAMsC,QAAA,CAAA,UAAA,MAAA;AAAA,MAA4B,QAAAlC,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAQ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,QAAA,OAAA;AAAA;;;QAKtE,OAAAO,IAAA,cAAAf,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAQ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,KAAA;AAAA;;;;;UAQzB,OAAA;AAAA,UAChB,cAAAkC;AAAA,UACkB,WAAAE;AAAA,UACN,UAAAnB;AAAA;;UAGJ,UAAA;AAAA;UAEQ,sBAAA,CAAAoB,MAAAlC,EAAA,QAAAkC;AAAA,UAC8C,YAAA;AAAA,UACtD,cAAA;AAAA;;QAIC,GAAAjC,CAAA,GAAA;AAAA;YAMG,OAAA;AAAA;;YAGiD;AAAA;YAQ9DJ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,MAAAA,IAAAA,CAAAA;AAAAA;;;AAQD,oBAAAsC,IAAAC,EAAA,QAAA;AACA,qBAAAC,EAAAC,GAAAH,EAAA,IAAA,CAAAI,MAAAC,EAAAD,GAAA;AAAA;;YAIF;AAAA,UACF;AAAA,QAAC,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA;EAMb;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/avatar-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\nimport type { 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  useTemplateRef,\n  withDirectives,\n} from 'vue'\nimport { useRoute } from 'vue-router'\nimport { useForm, useFormGrid, useUpload, type FormContext, type SkyUploadUserFile } from '@/hooks'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyOssAvatarInputProps {\n  source: string\n  label?: string\n  rules?: FormItemRule | FormItemRule[]\n  dataName?: string\n  dataUrl?: string\n}\n\nexport const SkyAvatarInput = defineComponent<SkyOssAvatarInputProps & Partial<UploadProps>>({\n  name: 'SkyAvatarInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    rules: Object,\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n  },\n  setup(props, { slots, attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()! as FormContext<\n      Record<string, Record<string, unknown>>\n    >\n    const title = computed<string>(() => props.label || props.source)\n    // init fileList\n    const { fileList, action, data, headers, method, name, beforeUpload } = useUpload()\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    if (editData.value) {\n      const ed = editData.value[props.source] as Record<string, unknown>\n      formData[props.source] = ed\n      fileList.value = [\n        {\n          upload: ed,\n          name: ed[props.dataName!] as string,\n          url: ed[props.dataUrl!] as string,\n        },\n      ]\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 upload = fileList.value[0]?.upload\n      if (upload) {\n        formData[props.source] = upload\n      } else {\n        const raw = fileList.value[0]?.raw as SkyUploadRawFile | undefined\n        if (raw?.upload) {\n          formData[props.source] = raw.upload\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            // 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                    [[ElLoadingDirective, fileList.value[0]!.status !== 'success']],\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","source","type","required","label","rules","dataName","default","dataUrl","attrs","route","useRoute","formGrid","useFormGrid","editData","title","computed","beforeUpload","uploadRef","useTemplateRef","routeMeta","formData","upload","url","onExceed","files","file","onSuccess","fs","fileList","vnodes","slots","h","Fragment","vnode","cloneVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAAA,KAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,UAAAA;AAAAA,MACEJ,MAAAA;AAAAA,MACAK,SAAAA;AAAAA;IAEFC,SAAAA;AAAAA,MACEN,MAAAA;AAAAA,MACAK,SAAAA;AAAAA,IACF;AAAA;;;IAEoBE,OAAAA;AAAAA,EAAM,GAAA;AAC1B,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAGlBC,IAAAC,EAAA,MAAAhB,EAAA,SAAAA,EAAA,MAAA;;;;;;;MAEuDiB,cAAAA;AAAAA,aACvDC,IAAAC,EAAA,WAAA,GACAC,IAAAV,EAAA;;;AAIEW,MAAAA,EAAAA,EAAAA,MAAAA,IAAAA;QAGIC,QAAAA;AAAAA,QACAxB,MAAAA,EAAAA,EAAAA,QAAAA;AAAAA,QACAyB,KAAAA,EAAAA,EAAAA,OAAAA;AAAAA,MACF,CAAA;AAAA,IAEJ;AAEA,UAAAC,IAAA,OAAAC,MAAA;AACEP,MAAAA,EAAAA,OAAAA,WAAAA;AACA,YAAAQ,IAAAD,EAAA,CAAA;AACAC,MAAAA,EAAAA,MAAAA,EAAAA,GACAR,EAAAA,OAAAA,YAAAA,CAAAA,GACAA,EAAAA,OAAAA,OAAAA;AAAAA;;AAKA,UAAAI;AACED,QAAAA,EAAAA,EAAAA,MAAAA,IAAAA;AAAAA,WACF;;;MAKA;AAAA;;;MAI0C,QAAA,CAAA,UAAA,MAAA;AAAA,MAA4B,QAAArB,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAO,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,QAAA,OAAA;AAAA;;;QAKtE,OAAAK,IAAA,cAAAZ,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAO,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,UAAA,KAAA;AAAA;;;;;UAQzB,OAAA;AAAA,UAChB,cAAAU;AAAA,UACkB,WAAAU;AAAA,UACN,UAAAH;AAAA;;UAGJ,UAAA;AAAA;UAEQ,sBAAA,CAAAI,MAAAC,EAAA,QAAAD;AAAA,UAC8C,YAAA;AAAA,UACtD,cAAA;AAAA;QAGC,GAAAnB,CAAA,GAAA;AAAA;YAMG,OAAA;AAAA;;YAGiD;AAAA;YAG9DF,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,MAAAA,IAAAA,CAAAA;AAAAA;;;AAQD,oBAAAuB,IAAAC,EAAA,QAAA;AACA,qBAAAC,EAAAC,GAAAH,EAAA,IAAA,CAAAI,MAAAC,EAAAD,GAAA;AAAA;;YAIF;AAAA,UACF;AAAA,QAAC,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA;EAMb;AACF,CAAA;"}

package/dist/components/can-access/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../hooks/useUser.cjs");const o=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");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const r=require("vue"),u=require("../../setup/index.cjs"),c=require("vue-router"),q=r.defineComponent({name:"SkyCanAccess",props:{resource:{type:[String,Array],required:!0},action:{type:[String,Array],required:!0},row:[String,Number],column:[String,Number]},setup(i,{slots:e}){const t=c.useRouter(),{permissions:n}=o.usePermission(),s=r.computed(()=>t.hasRoute(u.skyConfig.loginRouteName)?u.skyConfig.dataProvider?.canAccess?.(i,n.value):!0);return()=>s.value?e.default?.():e.empty?.()}});exports.SkyCanAccess=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../hooks/useUser.cjs");const o=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");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const r=require("../../setup/index.cjs"),u=require("vue"),c=require("vue-router"),q=u.defineComponent({name:"SkyCanAccess",props:{resource:{type:[String,Array],required:!0},action:{type:[String,Array],required:!0},row:[String,Number],column:[String,Number]},setup(i,{slots:e}){const t=c.useRouter(),{permissions:n}=o.usePermission(),s=u.computed(()=>t.hasRoute(r.skyConfig.loginRouteName)?r.skyConfig.dataProvider?.canAccess?.(i,n.value):!0);return()=>s.value?e.default?.():e.empty?.()}});exports.SkyCanAccess=q;
 //# sourceMappingURL=index.cjs.map

package/dist/components/can-access/index.mjs

@@ -14,8 +14,8 @@ import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
 import "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
-import { defineComponent as n, computed as u } from "vue";
 import { skyConfig as t } from "../../setup/index.mjs";
+import { defineComponent as n, computed as u } from "vue";
 import { useRouter as s } from "vue-router";
 const x = /* @__PURE__ */ n({
   name: "SkyCanAccess",

package/dist/components/create/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");require("element-plus/es/components/card/style/css");const e=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");const k=require("../../hooks/useTab.cjs"),C=require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const N=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");const T=require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const D=require("../../icons/EpDocumentAdd.cjs"),R=require("../../setup/index.cjs"),V=require("@vueuse/core"),l=require("element-plus"),P=require("vue-i18n"),d=require("vue-router"),_=require("../can-access/index.cjs");function h(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const j=e.defineComponent({name:"SkyCreate",inheritAttrs:!1,setup(t,{slots:m,attrs:q}){const{t:f}=P.useI18n(),o=d.useRoute(),v=d.useRouter(),{removeTab:p,lastTab:u}=k.useTab(),{formData:y,formRef:a}=N.useProvideForm(),s=T.useTreeWithDetails(),{removeKeepAlive:b}=C.useRouteKeepAlive(),i=o.meta;let n;const{isLoading:S,execute:A}=V.useAsyncState(async r=>(n=new AbortController,R.skyConfig.dataProvider?.create?.(o.meta.resource,{data:r,signal:n.signal})),void 0,{immediate:!1}),g=async()=>{if(!a.value||!await a.value.validate())return;const c=await A(0,{...y});c&&(s?.createSuccess?s.createSuccess(c):(i.keepAliveName&&b(i.keepAliveName),p(o.name),u.value&&v.replace({name:u.value.routeName,params:u.value.routeParams})))};return()=>e.createVNode("div",{class:"sky-create"},[e.createVNode(_.SkyCanAccess,{resource:i.resource,action:"create"},{default:()=>[e.createVNode(l.ElCard,q,{default:m.default,footer:()=>{let r;return e.createVNode("div",{class:"sky-create__footer"},[e.createVNode(l.ElButton,{type:"primary",icon:D.EpDocumentAdd,loading:S.value,onClick:g},h(r=f("button.submit"))?r:{default:()=>[r]})])}})]})])}});exports.SkyCreate=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");require("element-plus/es/components/card/style/css");const e=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");const k=require("../../hooks/useTab.cjs"),C=require("../../hooks/useRouteKeepAlive.cjs");require("../../hooks/useSize.cjs");require("../../hooks/useLang.cjs");require("../../hooks/useTheme.cjs");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const N=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");const T=require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const D=require("../../setup/index.cjs"),R=require("../../icons/EpDocumentAdd.cjs"),V=require("@vueuse/core"),l=require("element-plus"),P=require("vue-i18n"),d=require("vue-router"),_=require("../can-access/index.cjs");function h(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const j=e.defineComponent({name:"SkyCreate",inheritAttrs:!1,setup(t,{slots:m,attrs:q}){const{t:f}=P.useI18n(),o=d.useRoute(),v=d.useRouter(),{removeTab:p,lastTab:u}=k.useTab(),{formData:y,formRef:a}=N.useProvideForm(),s=T.useTreeWithDetails(),{removeKeepAlive:b}=C.useRouteKeepAlive(),i=o.meta;let n;const{isLoading:S,execute:A}=V.useAsyncState(async r=>(n=new AbortController,D.skyConfig.dataProvider?.create?.(o.meta.resource,{data:r,signal:n.signal})),void 0,{immediate:!1}),g=async()=>{if(!a.value||!await a.value.validate())return;const c=await A(0,{...y});c&&(s?.createSuccess?s.createSuccess(c):(i.keepAliveName&&b(i.keepAliveName),p(o.name),u.value&&v.replace({name:u.value.routeName,params:u.value.routeParams})))};return()=>e.createVNode("div",{class:"sky-create"},[e.createVNode(_.SkyCanAccess,{resource:i.resource,action:"create"},{default:()=>[e.createVNode(l.ElCard,q,{default:m.default,footer:()=>{let r;return e.createVNode("div",{class:"sky-create__footer"},[e.createVNode(l.ElButton,{type:"primary",icon:R.EpDocumentAdd,loading:S.value,onClick:g},h(r=f("button.submit"))?r:{default:()=>[r]})])}})]})])}});exports.SkyCreate=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/create/index.mjs

@@ -17,8 +17,8 @@ import "../../hooks/useReferenceArrayField.mjs";
 import { useTreeWithDetails as D } from "../../hooks/useTreeWithDetails.mjs";
 import "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
-import { EpDocumentAdd as R } from "../../icons/EpDocumentAdd.mjs";
-import { skyConfig as T } from "../../setup/index.mjs";
+import { skyConfig as R } from "../../setup/index.mjs";
+import { EpDocumentAdd as T } from "../../icons/EpDocumentAdd.mjs";
 import { useAsyncState as h } from "@vueuse/core";
 import { ElCard as j, ElButton as w } from "element-plus";
 import { useI18n as E } from "vue-i18n";
@@ -49,7 +49,7 @@ const ne = /* @__PURE__ */ A({
     const {
       isLoading: b,
       execute: S
-    } = h(async (e) => (n = new AbortController(), T.dataProvider?.create?.(r.meta.resource, {
+    } = h(async (e) => (n = new AbortController(), R.dataProvider?.create?.(r.meta.resource, {
       data: e,
       signal: n.signal
     })), void 0, {
@@ -79,7 +79,7 @@ const ne = /* @__PURE__ */ A({
             class: "sky-create__footer"
           }, [t(w, {
             type: "primary",
-            icon: R,
+            icon: T,
             loading: b.value,
             onClick: k
           }, L(e = l("button.submit")) ? e : {

package/dist/components/data-table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/alert/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/popconfirm/style/css");require("element-plus/es/components/skeleton/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");require("element-plus/es/components/text/style/css");const e=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");const V=require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const E=require("../../icons/EpDelete.cjs"),T=require("../../setup/index.cjs"),k=require("@vueuse/core"),r=require("element-plus"),C=require("vue-i18n"),x=require("vue-router"),D=require("../can-access/index.cjs");function R(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const h=e.defineComponent({name:"SkyDataTable",inheritAttrs:!1,props:{id:{type:String,default:"id"}},setup(a,{slots:d,attrs:q}){const{t:o}=C.useI18n(),i=x.useRoute(),{getList:f,listLoading:m,listData:p}=V.useList(),y=i.meta,b=e.useTemplateRef("tableRef"),l=e.shallowRef([]),u=t=>{l.value=t},s=()=>{l.value=[],b.value?.clearSelection()},g=async()=>{await S(),await f(),s()};let c;const{isLoading:v,execute:S}=k.useAsyncState(async()=>{if(l.value.map(n=>String(n[a.id])).length)return c=new AbortController,T.skyConfig.dataProvider?.deleteMany?.(i.meta.resource,{ids:l.value.map(n=>String(n[a.id])),signal:c.signal})},void 0,{immediate:!1}),N=e.computed(()=>!!(v.value||m.value));return()=>e.createVNode(r.ElSkeleton,{loading:N.value,animated:!0},{default:()=>[e.createVNode("div",{class:"sky-data-table"},[e.createVNode(D.SkyCanAccess,{resource:y.resource,action:"delete"},{default:()=>[l.value.length>0&&e.createVNode(r.ElAlert,{class:"sky-data-table__alert",type:"primary",onClose:s},{default:()=>[e.createVNode(r.ElText,{type:"primary"},{default:()=>[l.value.length,e.createTextVNode(" "),o("selectedItems")]}),e.createVNode(r.ElPopconfirm,{title:o("popconfirm.remove"),onConfirm:g},{reference:()=>{let t;return e.createVNode(r.ElButton,{text:!0,type:"danger",icon:E.EpDelete},R(t=o("button.remove"))?t:{default:()=>[t]})}})]})]}),e.createVNode(r.ElTable,e.mergeProps({ref:"tableRef",class:"sky-data-table__main",data:p.value?.data,border:!0,onSelect:t=>u(t),"onSelect-all":t=>u(t)},q),{default:()=>[e.createVNode(r.ElTableColumn,{type:"selection"},null),e.createVNode(r.ElTableColumn,{type:"index",label:"#",width:"50"},null),d.default?.()]})])]})}});exports.SkyDataTable=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/alert/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/popconfirm/style/css");require("element-plus/es/components/skeleton/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");require("element-plus/es/components/text/style/css");const e=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");const V=require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const E=require("../../setup/index.cjs"),T=require("../../icons/EpDelete.cjs"),k=require("@vueuse/core"),r=require("element-plus"),C=require("vue-i18n"),x=require("vue-router"),D=require("../can-access/index.cjs");function R(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const h=e.defineComponent({name:"SkyDataTable",inheritAttrs:!1,props:{id:{type:String,default:"id"}},setup(a,{slots:d,attrs:q}){const{t:o}=C.useI18n(),i=x.useRoute(),{getList:f,listLoading:m,listData:p}=V.useList(),y=i.meta,b=e.useTemplateRef("tableRef"),l=e.shallowRef([]),u=t=>{l.value=t},s=()=>{l.value=[],b.value?.clearSelection()},g=async()=>{await S(),await f(),s()};let c;const{isLoading:v,execute:S}=k.useAsyncState(async()=>{if(l.value.map(n=>String(n[a.id])).length)return c=new AbortController,E.skyConfig.dataProvider?.deleteMany?.(i.meta.resource,{ids:l.value.map(n=>String(n[a.id])),signal:c.signal})},void 0,{immediate:!1}),N=e.computed(()=>!!(v.value||m.value));return()=>e.createVNode(r.ElSkeleton,{loading:N.value,animated:!0},{default:()=>[e.createVNode("div",{class:"sky-data-table"},[e.createVNode(D.SkyCanAccess,{resource:y.resource,action:"delete"},{default:()=>[l.value.length>0&&e.createVNode(r.ElAlert,{class:"sky-data-table__alert",type:"primary",onClose:s},{default:()=>[e.createVNode(r.ElText,{type:"primary"},{default:()=>[l.value.length,e.createTextVNode(" "),o("selectedItems")]}),e.createVNode(r.ElPopconfirm,{title:o("popconfirm.remove"),onConfirm:g},{reference:()=>{let t;return e.createVNode(r.ElButton,{text:!0,type:"danger",icon:T.EpDelete},R(t=o("button.remove"))?t:{default:()=>[t]})}})]})]}),e.createVNode(r.ElTable,e.mergeProps({ref:"tableRef",class:"sky-data-table__main",data:p.value?.data,border:!0,onSelect:t=>u(t),"onSelect-all":t=>u(t)},q),{default:()=>[e.createVNode(r.ElTableColumn,{type:"selection"},null),e.createVNode(r.ElTableColumn,{type:"index",label:"#",width:"50"},null),d.default?.()]})])]})}});exports.SkyDataTable=h;
 //# sourceMappingURL=index.cjs.map

package/dist/components/data-table/index.mjs

@@ -22,8 +22,8 @@ import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
 import "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
-import { EpDelete as D } from "../../icons/EpDelete.mjs";
-import { skyConfig as L } from "../../setup/index.mjs";
+import { skyConfig as D } from "../../setup/index.mjs";
+import { EpDelete as L } from "../../icons/EpDelete.mjs";
 import { useAsyncState as j } from "@vueuse/core";
 import { ElSkeleton as I, ElAlert as N, ElText as P, ElPopconfirm as V, ElButton as B, ElTable as M, ElTableColumn as p } from "element-plus";
 import { useI18n as O } from "vue-i18n";
@@ -64,7 +64,7 @@ const ke = /* @__PURE__ */ E({
       execute: k
     } = j(async () => {
       if (r.value.map((l) => String(l[o.id])).length)
-        return s = new AbortController(), L.dataProvider?.deleteMany?.(i.meta.resource, {
+        return s = new AbortController(), D.dataProvider?.deleteMany?.(i.meta.resource, {
           ids: r.value.map((l) => String(l[o.id])),
           signal: s.signal
         });
@@ -99,7 +99,7 @@ const ke = /* @__PURE__ */ E({
               return t(B, {
                 text: !0,
                 type: "danger",
-                icon: D
+                icon: L
               }, F(e = a("button.remove")) ? e : {
                 default: () => [e]
               });

package/dist/components/data-table-col/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/table-column/style/css");const r=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");const q=require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const d=require("element-plus"),m=require("vue-router"),b=require("../can-access/index.cjs"),f=r.defineComponent({name:"SkyDataTableCol",inheritAttrs:!1,props:{source:String,label:String},setup(e,{slots:i,attrs:l}){const n=m.useRoute(),{addExportColumn:a}=q.useList(),u=i.default?.(),t=r.computed(()=>e.label||e.source||""),c=n.meta;return e.source&&a({[e.source]:t.value}),()=>r.createVNode(b.SkyCanAccess,{resource:c.resource,action:"list",column:e.source},{default:()=>[r.createVNode(d.ElTableColumn,r.mergeProps({prop:e.source,label:t.value},l),{default:o=>{if(u&&o.$index>-1)return u.map(s=>r.cloneVNode(s,{row:o.row}))}})]})}});exports.SkyDataTableCol=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/table-column/style/css");const r=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");const q=require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");require("vue-i18n");const d=require("element-plus"),m=require("vue-router"),b=require("../can-access/index.cjs"),f=r.defineComponent({name:"SkyDataTableCol",inheritAttrs:!1,props:{source:String,label:String},setup(e,{slots:i,attrs:l}){const n=m.useRoute(),{addExportColumn:a}=q.useList(),u=i.default?.(),t=r.computed(()=>e.label||e.source||""),c=n.meta;return e.source&&a({[e.source]:t.value}),()=>r.createVNode(b.SkyCanAccess,{resource:c.resource,action:"list",column:e.source},{default:()=>[r.createVNode(d.ElTableColumn,r.mergeProps({prop:e.source,label:t.value},l),{default:o=>{if(u&&o.$index>-1)return u.map(s=>r.cloneVNode(s,{row:o.row}))}})]})}});exports.SkyDataTableCol=f;
 //# sourceMappingURL=index.cjs.map

package/dist/components/data-table-col/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/data-table-col/index.tsx"],"sourcesContent":["import { useList } from '@/hooks'\r\nimport { ElTableColumn, type TableColumnCtx } from 'element-plus'\r\nimport { cloneVNode, computed, defineComponent, type Reactive } 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 DateTableProps {\r\n  source?: string\r\n  label?: string\r\n}\r\n\r\nexport interface ElTableColumnScope {\r\n  row: Reactive<Record<string, unknown>>\r\n  column: TableColumnCtx\r\n  $index: number\r\n}\r\n\r\nexport const SkyDataTableCol = defineComponent<DateTableProps>({\r\n  name: 'SkyDataTableCol',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: String,\r\n    label: String,\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const { addExportColumn } = useList()!\r\n    const children = slots.default?.()\r\n    const title = computed<string>(() => props.label || props.source || '')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    if (props.source) {\r\n      addExportColumn({ [props.source]: title.value })\r\n    }\r\n\r\n    // h(vnode.type as Component, { key: i, scope, ...vnode.props }) 等效于 cloneVNode(vnode, { row... })\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"list\" column={props.source}>\r\n        <ElTableColumn prop={props.source} label={title.value} {...attrs}>\r\n          {(scope: ElTableColumnScope) => {\r\n            if (children && scope.$index > -1) {\r\n              return children.map((vnode) => cloneVNode(vnode, { row: scope['row'] }))\r\n            }\r\n          }}\r\n        </ElTableColumn>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyDataTableCol","defineComponent","name","inheritAttrs","props","source","label","attrs","route","useRoute","addExportColumn","children","slots","title","computed","routeMeta","default"],"mappings":"63BAkBAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,kBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,OACAC,MAAAA,yBAEoBC,MAAAA,CAAM,EAAA,CAC1B,MAAAC,EAAAC,EAAAA,SAAA,GACQC,gBAAAA,eACRC,EAAAC,EAAA,UAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAV,EAAA,OAAAA,EAAA,QAAA,EAAA,EACAW,EAAAP,EAAA,sBAEEE,EAAAA,CAAkB,CAAAN,EAAA,MAAA,EAAAS,EAAA,KAA4B,CAAA,wDAKJ,OAAA,OAAA,OAAAT,EAAA,MAAoC,EAAA,CAAAY,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,cAAAA,EAAAA,WAAAA,eAC3C,MAAAH,EAAA,KAAoB,EAAAN,CAAA,EAAA,wEAGsB,CAAA,CAAA,CAEzE,CAAC,CAAA,CAAA,GAIT,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/data-table-col/index.tsx"],"sourcesContent":["import { useList } from '@/hooks'\r\nimport { ElTableColumn, type TableColumnCtx } from 'element-plus'\r\nimport { cloneVNode, computed, defineComponent, type Reactive } 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 DateTableProps {\r\n  source?: string\r\n  label?: string\r\n}\r\n\r\nexport interface ElTableColumnScope {\r\n  row: Reactive<Record<string, unknown>>\r\n  column: TableColumnCtx\r\n  $index: number\r\n}\r\n\r\nexport const SkyDataTableCol = defineComponent<DateTableProps>({\r\n  name: 'SkyDataTableCol',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: String,\r\n    label: String,\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const { addExportColumn } = useList()!\r\n    const children = slots.default?.()\r\n    const title = computed<string>(() => props.label || props.source || '')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    if (props.source) {\r\n      addExportColumn({ [props.source]: title.value })\r\n    }\r\n\r\n    // h(vnode.type as Component, { key: i, scope, ...vnode.props }) 等效于 cloneVNode(vnode, { row... })\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"list\" column={props.source}>\r\n        <ElTableColumn prop={props.source} label={title.value} {...attrs}>\r\n          {(scope: ElTableColumnScope) => {\r\n            if (children && scope.$index > -1) {\r\n              return children.map((vnode) => cloneVNode(vnode, { row: scope['row'] }))\r\n            }\r\n          }}\r\n        </ElTableColumn>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyDataTableCol","defineComponent","name","inheritAttrs","props","source","label","attrs","route","useRoute","addExportColumn","children","slots","title","computed","routeMeta","default"],"mappings":"i5BAkBAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,kBACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,OACAC,MAAAA,yBAEoBC,MAAAA,CAAM,EAAA,CAC1B,MAAAC,EAAAC,EAAAA,SAAA,GACQC,gBAAAA,eACRC,EAAAC,EAAA,UAAA,EACAC,EAAAC,EAAAA,SAAA,IAAAV,EAAA,OAAAA,EAAA,QAAA,EAAA,EACAW,EAAAP,EAAA,sBAEEE,EAAAA,CAAkB,CAAAN,EAAA,MAAA,EAAAS,EAAA,KAA4B,CAAA,wDAKJ,OAAA,OAAA,OAAAT,EAAA,MAAoC,EAAA,CAAAY,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,cAAAA,EAAAA,WAAAA,eAC3C,MAAAH,EAAA,KAAoB,EAAAN,CAAA,EAAA,wEAGsB,CAAA,CAAA,CAEzE,CAAC,CAAA,CAAA,GAIT,CACF,CAAA"}

package/dist/components/data-table-col/index.mjs

@@ -1,5 +1,5 @@
 import "element-plus/es/components/table-column/style/css";
-import { defineComponent as p, computed as s, createVNode as m, mergeProps as f, cloneVNode as d } from "vue";
+import { defineComponent as c, computed as s, createVNode as m, mergeProps as f, cloneVNode as d } from "vue";
 import "../../hooks/useUser.mjs";
 import "../../hooks/usePermission.mjs";
 import "../../hooks/useMenu.mjs";
@@ -16,10 +16,11 @@ import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
 import "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
+import "vue-i18n";
 import { ElTableColumn as C } from "element-plus";
 import { useRoute as S } from "vue-router";
 import { SkyCanAccess as g } from "../can-access/index.mjs";
-const F = /* @__PURE__ */ p({
+const G = /* @__PURE__ */ c({
   name: "SkyDataTableCol",
   inheritAttrs: !1,
   props: {
@@ -46,7 +47,7 @@ const F = /* @__PURE__ */ p({
       }, l), {
         default: (e) => {
           if (t && e.$index > -1)
-            return t.map((c) => d(c, {
+            return t.map((p) => d(p, {
               row: e.row
             }));
         }
@@ -55,6 +56,6 @@ const F = /* @__PURE__ */ p({
   }
 });
 export {
-  F as SkyDataTableCol
+  G as SkyDataTableCol
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/data-table-col/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/data-table-col/index.tsx"],"sourcesContent":["import { useList } from '@/hooks'\r\nimport { ElTableColumn, type TableColumnCtx } from 'element-plus'\r\nimport { cloneVNode, computed, defineComponent, type Reactive } 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 DateTableProps {\r\n  source?: string\r\n  label?: string\r\n}\r\n\r\nexport interface ElTableColumnScope {\r\n  row: Reactive<Record<string, unknown>>\r\n  column: TableColumnCtx\r\n  $index: number\r\n}\r\n\r\nexport const SkyDataTableCol = defineComponent<DateTableProps>({\r\n  name: 'SkyDataTableCol',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: String,\r\n    label: String,\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const { addExportColumn } = useList()!\r\n    const children = slots.default?.()\r\n    const title = computed<string>(() => props.label || props.source || '')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    if (props.source) {\r\n      addExportColumn({ [props.source]: title.value })\r\n    }\r\n\r\n    // h(vnode.type as Component, { key: i, scope, ...vnode.props }) 等效于 cloneVNode(vnode, { row... })\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"list\" column={props.source}>\r\n        <ElTableColumn prop={props.source} label={title.value} {...attrs}>\r\n          {(scope: ElTableColumnScope) => {\r\n            if (children && scope.$index > -1) {\r\n              return children.map((vnode) => cloneVNode(vnode, { row: scope['row'] }))\r\n            }\r\n          }}\r\n        </ElTableColumn>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyDataTableCol","defineComponent","name","inheritAttrs","props","source","label","attrs","route","useRoute","addExportColumn","children","slots","title","computed","routeMeta","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,IACAC,OAAAA;AAAAA;;;IAEoBC,OAAAA;AAAAA,EAAM,GAAA;AAC1B,UAAAC,IAAAC,EAAA;MACQC,iBAAAA;AAAAA,aACRC,IAAAC,EAAA,UAAA,GACAC,IAAAC,EAAA,MAAAV,EAAA,SAAAA,EAAA,UAAA,EAAA,GACAW,IAAAP,EAAA;uBAEEE,EAAAA;AAAAA,MAAkB,CAAAN,EAAA,MAAA,GAAAS,EAAA;AAAA,IAA4B,CAAA;;MAKJ,QAAA;AAAA,MAAA,QAAAT,EAAA;AAAA,IAAoC,GAAA;AAAA,MAAAY,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA;QAC3C,OAAAH,EAAA;AAAA,MAAoB,GAAAN,CAAA,GAAA;AAAA;;;;YAGsB,CAAA,CAAA;AAAA,QAEzE;AAAA,MAAC,CAAA,CAAA;AAAA;EAIT;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/data-table-col/index.tsx"],"sourcesContent":["import { useList } from '@/hooks'\r\nimport { ElTableColumn, type TableColumnCtx } from 'element-plus'\r\nimport { cloneVNode, computed, defineComponent, type Reactive } 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 DateTableProps {\r\n  source?: string\r\n  label?: string\r\n}\r\n\r\nexport interface ElTableColumnScope {\r\n  row: Reactive<Record<string, unknown>>\r\n  column: TableColumnCtx\r\n  $index: number\r\n}\r\n\r\nexport const SkyDataTableCol = defineComponent<DateTableProps>({\r\n  name: 'SkyDataTableCol',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: String,\r\n    label: String,\r\n  },\r\n  setup(props, { slots, attrs }) {\r\n    const route = useRoute()\r\n    const { addExportColumn } = useList()!\r\n    const children = slots.default?.()\r\n    const title = computed<string>(() => props.label || props.source || '')\r\n    const routeMeta = route.meta as SkyLayoutRouteMeta\r\n    if (props.source) {\r\n      addExportColumn({ [props.source]: title.value })\r\n    }\r\n\r\n    // h(vnode.type as Component, { key: i, scope, ...vnode.props }) 等效于 cloneVNode(vnode, { row... })\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action=\"list\" column={props.source}>\r\n        <ElTableColumn prop={props.source} label={title.value} {...attrs}>\r\n          {(scope: ElTableColumnScope) => {\r\n            if (children && scope.$index > -1) {\r\n              return children.map((vnode) => cloneVNode(vnode, { row: scope['row'] }))\r\n            }\r\n          }}\r\n        </ElTableColumn>\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyDataTableCol","defineComponent","name","inheritAttrs","props","source","label","attrs","route","useRoute","addExportColumn","children","slots","title","computed","routeMeta","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,IACAC,OAAAA;AAAAA;;;IAEoBC,OAAAA;AAAAA,EAAM,GAAA;AAC1B,UAAAC,IAAAC,EAAA;MACQC,iBAAAA;AAAAA,aACRC,IAAAC,EAAA,UAAA,GACAC,IAAAC,EAAA,MAAAV,EAAA,SAAAA,EAAA,UAAA,EAAA,GACAW,IAAAP,EAAA;uBAEEE,EAAAA;AAAAA,MAAkB,CAAAN,EAAA,MAAA,GAAAS,EAAA;AAAA,IAA4B,CAAA;;MAKJ,QAAA;AAAA,MAAA,QAAAT,EAAA;AAAA,IAAoC,GAAA;AAAA,MAAAY,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA;QAC3C,OAAAH,EAAA;AAAA,MAAoB,GAAAN,CAAA,GAAA;AAAA;;;;YAGsB,CAAA,CAAA;AAAA,QAEzE;AAAA,MAAC,CAAA,CAAA;AAAA;EAIT;AACF,CAAA;"}

package/dist/components/edit/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");require("element-plus/es/components/card/style/css");require("element-plus/es/components/popconfirm/style/css");require("element-plus/es/components/skeleton/style/css");const t=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");const R=require("../../hooks/useTab.cjs"),I=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 _=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");const h=require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const j=require("../../icons/EpDelete.cjs"),M=require("../../icons/EpDocumentAdd.cjs"),m=require("../../setup/index.cjs"),f=require("@vueuse/core"),o=require("element-plus"),K=require("vue-i18n"),b=require("vue-router"),W=require("../can-access/index.cjs");function S(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!t.isVNode(r)}const B=t.defineComponent({name:"SkyEdit",inheritAttrs:!1,props:{dataId:[String,Number]},setup(r,{slots:A,attrs:E}){const{t:u}=K.useI18n(),k=b.useRouter(),i=b.useRoute(),{removeTab:C,lastTab:s}=R.useTab(),l=t.computed(()=>r.dataId?r.dataId:i.params.id),{formData:N,formRef:v,editData:c}=_.useProvideForm(),n=h.useTreeWithDetails(),{removeKeepAlive:D}=I.useRouteKeepAlive(),d=i.meta;let q;const{isLoading:V,execute:w}=f.useAsyncState(async()=>{q=new AbortController;const e=await m.skyConfig.dataProvider?.getOne?.(i.meta.resource,{id:l.value,signal:q.signal});if(e?.data)return c.value=e.data,e},void 0,{immediate:!0});let g;const{isLoading:x,execute:P}=f.useAsyncState(async e=>(g=new AbortController,m.skyConfig.dataProvider?.update?.(i.meta.resource,{id:l.value,data:e,signal:g.signal})),void 0,{immediate:!1}),O=async()=>{if(!v.value||!await v.value.validate())return;const a=await P(0,{...N});a&&(n?.editSuccess?n.editSuccess(a):(o.ElMessage.success(u("submit.success")),c.value=null,await w()))};let p;const{isLoading:y,execute:T}=f.useAsyncState(async()=>(p=new AbortController,m.skyConfig.dataProvider?.deleteMany?.(i.meta.resource,{ids:[l.value],signal:p.signal})),void 0,{immediate:!1}),L=async()=>{const e=await T();e&&(n?.deleteSuccess?n.deleteSuccess(e):(d.keepAliveName&&D(d.keepAliveName),C(i.name),s.value&&k.replace({name:s.value.routeName,params:s.value.routeParams})))};return()=>t.createVNode("div",{class:"sky-edit"},[t.createVNode(W.SkyCanAccess,{resource:d.resource,action:"edit"},{default:()=>[t.createVNode(o.ElCard,E,{default:()=>t.createVNode(o.ElSkeleton,{loading:V.value,animated:!0},{default:()=>[c.value&&A.default?.()]}),footer:()=>{let e;return t.createVNode("div",{class:"sky-edit__footer"},[t.createVNode(o.ElButton,{type:"primary",icon:M.EpDocumentAdd,loading:x.value,onClick:O,disabled:y.value},S(e=u("button.submit"))?e:{default:()=>[e]}),t.createVNode(o.ElPopconfirm,{title:u("popconfirm.remove"),onConfirm:L},{reference:()=>{let a;return t.createVNode(o.ElButton,{type:"danger",text:!0,icon:j.EpDelete,disabled:y.value},S(a=u("button.remove"))?a:{default:()=>[a]})}})])}})]})])}});exports.SkyEdit=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");require("element-plus/es/components/card/style/css");require("element-plus/es/components/popconfirm/style/css");require("element-plus/es/components/skeleton/style/css");const t=require("vue");require("../../hooks/useUser.cjs");require("../../hooks/usePermission.cjs");require("../../hooks/useMenu.cjs");const R=require("../../hooks/useTab.cjs"),I=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 _=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");const h=require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const m=require("../../setup/index.cjs"),j=require("../../icons/EpDelete.cjs"),M=require("../../icons/EpDocumentAdd.cjs"),f=require("@vueuse/core"),o=require("element-plus"),K=require("vue-i18n"),b=require("vue-router"),W=require("../can-access/index.cjs");function S(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!t.isVNode(r)}const B=t.defineComponent({name:"SkyEdit",inheritAttrs:!1,props:{dataId:[String,Number]},setup(r,{slots:A,attrs:E}){const{t:u}=K.useI18n(),k=b.useRouter(),i=b.useRoute(),{removeTab:C,lastTab:s}=R.useTab(),l=t.computed(()=>r.dataId?r.dataId:i.params.id),{formData:N,formRef:v,editData:c}=_.useProvideForm(),n=h.useTreeWithDetails(),{removeKeepAlive:D}=I.useRouteKeepAlive(),d=i.meta;let q;const{isLoading:V,execute:w}=f.useAsyncState(async()=>{q=new AbortController;const e=await m.skyConfig.dataProvider?.getOne?.(i.meta.resource,{id:l.value,signal:q.signal});if(e?.data)return c.value=e.data,e},void 0,{immediate:!0});let g;const{isLoading:x,execute:P}=f.useAsyncState(async e=>(g=new AbortController,m.skyConfig.dataProvider?.update?.(i.meta.resource,{id:l.value,data:e,signal:g.signal})),void 0,{immediate:!1}),O=async()=>{if(!v.value||!await v.value.validate())return;const a=await P(0,{...N});a&&(n?.editSuccess?n.editSuccess(a):(o.ElMessage.success(u("submit.success")),c.value=null,await w()))};let p;const{isLoading:y,execute:T}=f.useAsyncState(async()=>(p=new AbortController,m.skyConfig.dataProvider?.deleteMany?.(i.meta.resource,{ids:[l.value],signal:p.signal})),void 0,{immediate:!1}),L=async()=>{const e=await T();e&&(n?.deleteSuccess?n.deleteSuccess(e):(d.keepAliveName&&D(d.keepAliveName),C(i.name),s.value&&k.replace({name:s.value.routeName,params:s.value.routeParams})))};return()=>t.createVNode("div",{class:"sky-edit"},[t.createVNode(W.SkyCanAccess,{resource:d.resource,action:"edit"},{default:()=>[t.createVNode(o.ElCard,E,{default:()=>t.createVNode(o.ElSkeleton,{loading:V.value,animated:!0},{default:()=>[c.value&&A.default?.()]}),footer:()=>{let e;return t.createVNode("div",{class:"sky-edit__footer"},[t.createVNode(o.ElButton,{type:"primary",icon:M.EpDocumentAdd,loading:x.value,onClick:O,disabled:y.value},S(e=u("button.submit"))?e:{default:()=>[e]}),t.createVNode(o.ElPopconfirm,{title:u("popconfirm.remove"),onConfirm:L},{reference:()=>{let a;return t.createVNode(o.ElButton,{type:"danger",text:!0,icon:j.EpDelete,disabled:y.value},S(a=u("button.remove"))?a:{default:()=>[a]})}})])}})]})])}});exports.SkyEdit=B;
 //# sourceMappingURL=index.cjs.map