skyline-vue-admin 0.0.16 → 0.0.18

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/components/file-multiple-model-input/index.tsx"],"sourcesContent":["import { EpPlus } from '@/icons/EpPlus'\nimport type { SkyUploadRawFile } from '@/provides'\nimport {\n  ElDialog,\n  ElIcon,\n  ElUpload,\n  genFileId,\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  useTemplateRef,\n  type PropType,\n} from 'vue'\nimport { useUpload, type SkyUploadUserFile } from '@/hooks'\nimport { EpUploadFilled } from '@/icons/EpUploadFilled'\nimport { useI18n } from 'vue-i18n'\n\nexport type SkyFileMultipleModelInputProps = {\n  type?: 'file' | 'image'\n  dataName?: string\n  dataUrl?: string\n  limit?: number\n  autoUpload?: UploadProps['autoUpload']\n  modelValue?: Array<Record<string, unknown>>\n} & Partial<UploadProps>\n\nexport const SkyFileMultipleModelInput = defineComponent({\n  name: 'SkyFileMultipleModelInput',\n  inheritAttrs: false,\n  props: {\n    // 这样就不能透传了\n    // ...uploadProps,\n    type: {\n      type: String,\n      default: 'file',\n    },\n    dataName: {\n      type: String,\n      default: 'name',\n    },\n    dataUrl: {\n      type: String,\n      default: 'url',\n    },\n    limit: {\n      type: Number,\n      default: 1,\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n    modelValue: {\n      type: Array as PropType<Array<Record<string, unknown>>>,\n      default: () => [],\n    },\n  },\n  emits: {\n    'update:modelValue': (value: Array<Record<string, unknown>>) => value,\n  },\n  setup(props, { slots, attrs, emit }) {\n    const { t } = useI18n()\n    // init fileList\n    const { fileList, action, data, headers, method, name, beforeUpload } = useUpload()\n    const uploadRef = useTemplateRef<UploadInstance>('uploadRef')\n\n    fileList.value = props.modelValue!.map((md) => ({\n      upload: md,\n      name: md[props.dataName!] as string,\n      url: md[props.dataUrl!] as string,\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 result: Array<Record<string, unknown>> = []\n      for (const fl of fileList.value) {\n        if (fl.upload) {\n          result.push(fl.upload)\n        } else {\n          const raw = fl.raw as SkyUploadRawFile | undefined\n          if (raw?.upload) {\n            result.push(raw.upload)\n          }\n        }\n      }\n      emit('update:modelValue', result)\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    const accept = computed(() => (props.type === 'image' ? 'image/*' : undefined))\n    const listType = computed(() => (props.type === 'image' ? 'picture-card' : 'text'))\n\n    return () => (\n      <>\n        <ElUpload\n          class=\"sky-file-multiple-model-input\"\n          ref=\"uploadRef\"\n          action={action.value}\n          method={method.value}\n          name={name.value}\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-model-input__icon\">\n                    <EpUploadFilled />\n                  </ElIcon>\n                  <div class=\"sky-file-multiple-model-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 h(\n                  Fragment,\n                  vnodes.map((vnode) => cloneVNode(vnode, { ...scope })),\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-model-input__img\" src={previewUrl.value} />\n        </ElDialog>\n      </>\n    )\n  },\n})\n"],"names":["SkyFileMultipleModelInput","defineComponent","name","inheritAttrs","props","type","default","dataName","dataUrl","limit","autoUpload","modelValue","emits","emit","t","beforeUpload","uploadRef","useTemplateRef","upload","url","file","files","fl","fileList","result","raw","preview","ref","previewUrl","accept","computed","listType","onSuccess","onExceed","fs","onPreview","attrs","_createVNode","_Fragment","ElIcon","vnodes","slots","h","Fragment","vnode","cloneVNode","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAAA,KAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA;AAAAA;AAAAA,IAGEC,MAAAA;AAAAA,MACEA,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,UAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFE,SAAAA;AAAAA,MACEH,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFG,OAAAA;AAAAA,MACEJ,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFI,YAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFK,YAAAA;AAAAA,MACEN,MAAAA;AAAAA;IAEF;AAAA;EAEFO,OAAAA;AAAAA;;;;;IAG6BC,MAAAA;AAAAA,EAAK,GAAA;;MACxBC,GAAAA;AAAAA;;;;;;;MAE+CC,cAAAA;AAAAA,aACvDC,IAAAC,EAAA,WAAA;;MAGEC,QAAAA;AAAAA,MACAhB,MAAAA,EAAAA,EAAAA,QAAAA;AAAAA,MACAiB,KAAAA,EAAAA,EAAAA,OAAAA;AAAAA,IACF,EAAA;;AAGE,UAAAf,EAAA,UAAA,GAAA;AACEY,QAAAA,EAAAA,OAAAA,WAAAA;AACA,cAAAI,IAAAC,EAAA,CAAA;AACAD,QAAAA,EAAAA,MAAAA,EAAAA,GACAJ,EAAAA,OAAAA,YAAAA,CAAAA,mBAEEA,EAAAA,OAAAA,OAAAA;AAAAA,MAEJ;AAAA;;AAKA,iBAAAM,KAAAC,EAAA;;AAEIC,UAAAA,EAAAA,KAAAA,EAAAA,MAAAA;AAAAA,aACF;AACE,gBAAAC,IAAAH,EAAA;uBAEEE,EAAAA,KAAAA,EAAAA,MAAAA;AAAAA,QAEJ;AAEFX,MAAAA,EAAAA,qBAAAA,CAAAA;AAAAA,OAGFa,IAAAC,EAAA,EAAA,GACAC,IAAAD,EAAA;AAEEC,MAAAA,EAAAA,QAAAA,EAAAA;OAIFC,IAAAC,EAAA,MAAA1B,EAAA,SAAA,UAAA,YAAA,MAAA,GACA2B,IAAAD,EAAA,MAAA1B,EAAA,SAAA,UAAA,iBAAA,MAAA;;MAEO,OAAA;AAAA,MAAA,KAAA;AAAA;;;MAOe,UAAAA,EAAA,QAAA;AAAA;MAEE,cAAAW;AAAA,MACQ,WAAAiB;AAAA,MACN,UAAAC;AAAA;;;;MAKI,sBAAA,CAAAC,MAAAX,EAAA,QAAAW;AAAA;MAEI,MAAA9B,EAAA,SAAA;AAAA,MACD,cAAA;AAAA,MAAA,WAAA+B;AAAA,MAEP,QAAAN,EAAA;AAAA,IAEA,GAAAO,CAAA,GAAA;AAAA;QAKM9B,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,MAAAA,IAAAA,CAAAA;AAAAA,MAAA,CAAA,IAAA+B,EAAAC,GAAA,MAAA,CAAAD,EAAAE,GAAA;AAAA,QAAA,OAAA;AAAA,MAAA,GAAA;AAAA,QAAAjC,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,MAAAA,IAAAA,CAAAA;AAAAA,MAAA,CAAA,GAAA+B,EAAA,OAAA;AAAA,QAAA,OAAA;AAAA;;;AAiBpB,gBAAAG,IAAAC,EAAA,QAAA;AACA,iBAAAC,EAAAC,GAAAH,EAAA,IAAA,CAAAI,MAAAC,EAAAD,GAAA;AAAA;;QAIF;AAAA,MACF;AAAA;MAAC,cAAA;AAAA;MAKsB,uBAAA,CAAAE,MAAApB,EAAA,QAAAoB;AAAA,IACsB,GAAA;AAAA;QAAA,OAAA;AAAA,QAAA,KAAAlB,EAAA;AAAA,MAEsB,GAAA,IAAA,CAAA;AAAA;EAI7E;AACF,CAAA;"}

package/dist/components/filter/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");require("element-plus/es/components/form/style/css");require("element-plus/es/components/form-item/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 q=require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const a=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 u=require("element-plus"),d=require("vue-i18n");function f(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const m=e.defineComponent({name:"SkyFilter",setup(r,{slots:o}){const{t:n}=d.useI18n(),{formData:i}=a.useProvideForm(),{filterData:l,getList:s}=q.useList(),c=()=>{Object.assign(l,i),s()};return()=>{let t;return e.createVNode(u.ElForm,{class:"sky-filter",inline:!0,model:i},{default:()=>[o.default?.(),e.createVNode(u.ElFormItem,null,{default:()=>[e.createVNode(u.ElButton,{type:"primary",onClick:c},f(t=n("button.query"))?t:{default:()=>[t]})]})]})}}});exports.SkyFilter=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");require("element-plus/es/components/form/style/css");require("element-plus/es/components/form-item/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 q=require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const a=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("vue-i18n"),u=require("element-plus");function f(r){return typeof r=="function"||Object.prototype.toString.call(r)==="[object Object]"&&!e.isVNode(r)}const m=e.defineComponent({name:"SkyFilter",setup(r,{slots:o}){const{t:n}=d.useI18n(),{formData:i}=a.useProvideForm(),{filterData:l,getList:s}=q.useList(),c=()=>{Object.assign(l,i),s()};return()=>{let t;return e.createVNode(u.ElForm,{class:"sky-filter",inline:!0,model:i},{default:()=>[o.default?.(),e.createVNode(u.ElFormItem,null,{default:()=>[e.createVNode(u.ElButton,{type:"primary",onClick:c},f(t=n("button.query"))?t:{default:()=>[t]})]})]})}}});exports.SkyFilter=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/filter/index.mjs

@@ -18,8 +18,8 @@ import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
 import "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
-import { ElForm as a, ElFormItem as d, ElButton as y } from "element-plus";
-import { useI18n as b } from "vue-i18n";
+import { useI18n as a } from "vue-i18n";
+import { ElForm as d, ElFormItem as y, ElButton as b } from "element-plus";
 function k(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !u(t);
 }
@@ -30,7 +30,7 @@ const G = /* @__PURE__ */ s({
   }) {
     const {
       t: m
-    } = b(), {
+    } = a(), {
       formData: i
     } = f(), {
       filterData: p,
@@ -40,13 +40,13 @@ const G = /* @__PURE__ */ s({
     };
     return () => {
       let o;
-      return r(a, {
+      return r(d, {
         class: "sky-filter",
         inline: !0,
         model: i
       }, {
-        default: () => [e.default?.(), r(d, null, {
-          default: () => [r(y, {
+        default: () => [e.default?.(), r(y, null, {
+          default: () => [r(b, {
             type: "primary",
             onClick: l
           }, k(o = m("button.query")) ? o : {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/image/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");require("../../hooks/useList.cjs");const a=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 c=require("element-plus"),d=require("vue-router"),q=require("../can-access/index.cjs"),m=e.defineComponent({name:"SkyImageField",inheritAttrs:!1,props:{source:{type:String,required:!0},src:{type:String,default:"src"},label:String,row:Object},setup(r,{attrs:i}){const n=d.useRoute(),l=a.useHiddenTitle(),o=e.computed(()=>r.label||r.source),s=n.meta,t=e.computed(()=>{const u=r.row?.[r.source];return u?typeof u!="object"?String(u):u[r.src]||"":""});return()=>e.createVNode(q.SkyCanAccess,{resource:s.resource,action:["list","show"],column:r.source},{default:()=>[t.value&&(l?e.createVNode(c.ElImage,e.mergeProps({src:t.value},i),null):e.createVNode("div",{class:"sky-image-field"},[o.value&&e.createVNode("h4",null,[o.value]),e.createVNode(c.ElImage,e.mergeProps({src:t.value},i),null)]))]})}});exports.SkyImageField=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/image/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");require("../../hooks/useList.cjs");const a=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 c=require("element-plus"),d=require("vue-router"),q=require("../can-access/index.cjs"),m=e.defineComponent({name:"SkyImageField",inheritAttrs:!1,props:{source:{type:String,required:!0},src:{type:String,default:"src"},label:String,row:Object},setup(r,{attrs:i}){const n=d.useRoute(),l=a.useHiddenTitle(),o=e.computed(()=>r.label||r.source),s=n.meta,t=e.computed(()=>{const u=r.row?.[r.source];return u?typeof u!="object"?String(u):u[r.src]||"":""});return()=>e.createVNode(q.SkyCanAccess,{resource:s.resource,action:["list","show"],column:r.source},{default:()=>[t.value&&(l?e.createVNode(c.ElImage,e.mergeProps({src:t.value},i),null):e.createVNode("div",{class:"sky-image-field"},[o.value&&e.createVNode("h4",null,[o.value]),e.createVNode(c.ElImage,e.mergeProps({src:t.value},i),null)]))]})}});exports.SkyImageField=m;
 //# sourceMappingURL=index.cjs.map

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'\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"}
+{"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":"04BAcAA,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"}

package/dist/components/image-field/index.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 { ElImage as n } from "element-plus";
 import { useRoute as f } from "vue-router";
 import { SkyCanAccess as g } from "../can-access/index.mjs";
-const R = /* @__PURE__ */ a({
+const V = /* @__PURE__ */ a({
   name: "SkyImageField",
   inheritAttrs: !1,
   props: {
@@ -57,6 +58,6 @@ const R = /* @__PURE__ */ a({
   }
 });
 export {
-  R as SkyImageField
+  V as SkyImageField
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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":";;;;;;;;;;;;;;;;;;;;;AAcA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,KAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAG,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAd,EAAA,SAAAA,EAAA,MAAA,GACAe,IAAAN,EAAA,MAEAO,IAAAF,EAAA,MAAA;;iBAKE,OAAAG,KAAA,uBAGAA,EAAAjB,EAAA,GAAA,KAAA,KALE;AAAA,IAMJ,CAAA;;;MAG4C,QAAA,CAAA,QAAA,MAAA;AAAA,MAA0B,QAAAA,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAK,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,IAAAA,EAAAA,GAAAA,EAAAA;AAAAA,QAE1E,KAAAW,EAAA;AAAA;QAC0B,OAAA;AAAA,MAAA,GAAA,CAAAH,EAAA,SAAAK,EAAA,MAAA,MAAA,CAAAL,EAAA,KAAA,CAAA,GAAAK,EAAAC,GAAAC,EAAA;AAAA,QAGI,KAAAJ,EAAA;AAAA;;EAMlD;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","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":";;;;;;;;;;;;;;;;;;;;;;AAcA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,KAAAA;AAAAA,MACEF,MAAAA;AAAAA,MACAG,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,KAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAd,EAAA,SAAAA,EAAA,MAAA,GACAe,IAAAN,EAAA,MAEAO,IAAAF,EAAA,MAAA;;iBAKE,OAAAG,KAAA,uBAGAA,EAAAjB,EAAA,GAAA,KAAA,KALE;AAAA,IAMJ,CAAA;;;MAG4C,QAAA,CAAA,QAAA,MAAA;AAAA,MAA0B,QAAAA,EAAA;AAAA,IAAsB,GAAA;AAAA,MAAAK,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,IAAAA,EAAAA,GAAAA,EAAAA;AAAAA,QAE1E,KAAAW,EAAA;AAAA;QAC0B,OAAA;AAAA,MAAA,GAAA,CAAAH,EAAA,SAAAK,EAAA,MAAA,MAAA,CAAAL,EAAA,KAAA,CAAA,GAAAK,EAAAC,GAAAC,EAAA;AAAA,QAGI,KAAAJ,EAAA;AAAA;;EAMlD;AACF,CAAA;"}

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ export * from './reference-array-input';
 export * from './auto-complete-array-input';
 export * from './avatar-input';
 export * from './file-multiple-input';
+export * from './file-multiple-model-input';
 export * from './tree-select-input';
 export * from './tree-with-details';
 export * from './edit';

package/dist/components/link-field/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/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");require("../../hooks/useList.cjs");const a=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 o=require("element-plus"),q=require("vue-router"),k=require("../can-access/index.cjs"),m=e.defineComponent({name:"SkyLinkField",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,row:Object},emits:["click"],setup(r,{emit:t,attrs:u}){const c=q.useRoute(),l=a.useHiddenTitle(),s=c.meta,i=e.computed(()=>{const n=r.row?.[r.source];return n?String(n):""}),d=e.computed(()=>r.label||r.source);return()=>e.createVNode(k.SkyCanAccess,{resource:s.resource,action:["list","show"],column:r.source},{default:()=>[l?e.createVNode("div",null,[e.createVNode(o.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:()=>t("click",r.row)},u),{default:()=>[i.value]})]):e.createVNode("div",{class:"sky-link-field"},[e.createVNode("h4",null,[d.value]),e.createVNode(o.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:()=>t("click",r.row)},u),{default:()=>[i.value]})])]})}});exports.SkyLinkField=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/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");require("../../hooks/useList.cjs");const a=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 o=require("element-plus"),q=require("vue-router"),k=require("../can-access/index.cjs"),m=e.defineComponent({name:"SkyLinkField",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,row:Object},emits:["click"],setup(r,{emit:t,attrs:u}){const c=q.useRoute(),l=a.useHiddenTitle(),s=c.meta,i=e.computed(()=>{const n=r.row?.[r.source];return n?String(n):""}),d=e.computed(()=>r.label||r.source);return()=>e.createVNode(k.SkyCanAccess,{resource:s.resource,action:["list","show"],column:r.source},{default:()=>[l?e.createVNode("div",null,[e.createVNode(o.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:()=>t("click",r.row)},u),{default:()=>[i.value]})]):e.createVNode("div",{class:"sky-link-field"},[e.createVNode("h4",null,[d.value]),e.createVNode(o.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:()=>t("click",r.row)},u),{default:()=>[i.value]})])]})}});exports.SkyLinkField=m;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/link-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { ElButton, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyLinkFieldProps {\n  source: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyLinkField = defineComponent<SkyLinkFieldProps & Partial<ButtonProps>>({\n  name: 'SkyLinkField',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    row: Object,\n  },\n  emits: ['click'],\n  setup(props, { emit, attrs }) {\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\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 String(v)\n      }\n      return ''\n    })\n\n    const title = computed(() => {\n      return props.label || props.source\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {hiddenTitle ? (\n          <div>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        ) : (\n          <div class=\"sky-link-field\">\n            <h4>{title.value}</h4>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyLinkField","defineComponent","name","inheritAttrs","props","source","type","required","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","field","computed","v","title","default","_createVNode"],"mappings":"u3BAaAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,eACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,IAAAA,wCAGmBC,MAAAA,CAAM,EAAA,CACzB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAJ,EAAA,KAEAK,EAAAC,EAAAA,SAAA,IAAA,2BAEE,OAAAC,YAGA,EACF,CAAA,EAEAC,EAAAF,EAAAA,SAAA,IACEb,EAAA,OAAAA,EAAA,MACF,8DAG4C,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAA,EAAA,MAAsB,EAAA,iFAC5E,KAAA,UAAA,KAAA,GAAA,GAAA,+BAEgE,EAAAM,CAAA,EAAA,CAAWU,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,CACrE,CAAA,CAAA,CAAA,EAAAC,EAAAA,YAAA,MAAA,CAAA,MAAA,6FAKE,KAAA,UAAA,KAAA,GAAA,GAAA,+BACwD,EAAAX,CAAA,EAAA,CAAWU,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,QAO7F,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/link-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { ElButton, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyLinkFieldProps {\n  source: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyLinkField = defineComponent<SkyLinkFieldProps & Partial<ButtonProps>>({\n  name: 'SkyLinkField',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    row: Object,\n  },\n  emits: ['click'],\n  setup(props, { emit, attrs }) {\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\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 String(v)\n      }\n      return ''\n    })\n\n    const title = computed(() => {\n      return props.label || props.source\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {hiddenTitle ? (\n          <div>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        ) : (\n          <div class=\"sky-link-field\">\n            <h4>{title.value}</h4>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyLinkField","defineComponent","name","inheritAttrs","props","source","type","required","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","field","computed","v","title","default","_createVNode"],"mappings":"24BAaAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,eACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,IAAAA,wCAGmBC,MAAAA,CAAM,EAAA,CACzB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,eAAA,EACAC,EAAAJ,EAAA,KAEAK,EAAAC,EAAAA,SAAA,IAAA,2BAEE,OAAAC,YAGA,EACF,CAAA,EAEAC,EAAAF,EAAAA,SAAA,IACEb,EAAA,OAAAA,EAAA,MACF,8DAG4C,OAAA,CAAA,OAAA,MAAA,EAA0B,OAAAA,EAAA,MAAsB,EAAA,iFAC5E,KAAA,UAAA,KAAA,GAAA,GAAA,+BAEgE,EAAAM,CAAA,EAAA,CAAWU,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,CACrE,CAAA,CAAA,CAAA,EAAAC,EAAAA,YAAA,MAAA,CAAA,MAAA,6FAKE,KAAA,UAAA,KAAA,GAAA,GAAA,+BACwD,EAAAX,CAAA,EAAA,CAAWU,QAAAA,IAAAA,CAAAA,EAAAA,KAAAA,QAO7F,CACF,CAAA"}

package/dist/components/link-field/index.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 { ElButton as n } from "element-plus";
 import { useRoute as k } from "vue-router";
 import { SkyCanAccess as y } from "../can-access/index.mjs";
-const R = /* @__PURE__ */ d({
+const V = /* @__PURE__ */ d({
   name: "SkyLinkField",
   inheritAttrs: !1,
   props: {
@@ -65,6 +66,6 @@ const R = /* @__PURE__ */ d({
   }
 });
 export {
-  R as SkyLinkField
+  V as SkyLinkField
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/link-field/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/link-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { ElButton, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyLinkFieldProps {\n  source: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyLinkField = defineComponent<SkyLinkFieldProps & Partial<ButtonProps>>({\n  name: 'SkyLinkField',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    row: Object,\n  },\n  emits: ['click'],\n  setup(props, { emit, attrs }) {\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\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 String(v)\n      }\n      return ''\n    })\n\n    const title = computed(() => {\n      return props.label || props.source\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {hiddenTitle ? (\n          <div>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        ) : (\n          <div class=\"sky-link-field\">\n            <h4>{title.value}</h4>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyLinkField","defineComponent","name","inheritAttrs","props","source","type","required","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","field","computed","v","title","default","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaA,MAAAA,IAAA,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,KAAAA;AAAAA;;;;IAGmBC,OAAAA;AAAAA,EAAM,GAAA;AACzB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAJ,EAAA,MAEAK,IAAAC,EAAA,MAAA;;AAEE,aAAAC,gBAGA;AAAA,IACF,CAAA,GAEAC,IAAAF,EAAA,MACEb,EAAA,SAAAA,EAAA,MACF;;;MAG4C,QAAA,CAAA,QAAA,MAAA;AAAA,MAA0B,QAAAA,EAAA;AAAA,IAAsB,GAAA;AAAA;QAC5E,MAAA;AAAA,QAAA,MAAA;AAAA,QAAA,IAAA;AAAA;MAEgE,GAAAM,CAAA,GAAA;AAAA,QAAWU,SAAAA,MAAAA,CAAAA,EAAAA,KAAAA;AAAAA,MACrE,CAAA,CAAA,CAAA,IAAAC,EAAA,OAAA;AAAA,QAAA,OAAA;AAAA;QAKE,MAAA;AAAA,QAAA,MAAA;AAAA,QAAA,IAAA;AAAA;MACwD,GAAAX,CAAA,GAAA;AAAA,QAAWU,SAAAA,MAAAA,CAAAA,EAAAA,KAAAA;AAAAA;;EAO7F;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/link-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport { ElButton, type ButtonProps } from 'element-plus'\nimport { computed, defineComponent } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyLinkFieldProps {\n  source: string\n  label?: string\n  row?: Record<string, unknown>\n}\n\nexport const SkyLinkField = defineComponent<SkyLinkFieldProps & Partial<ButtonProps>>({\n  name: 'SkyLinkField',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    row: Object,\n  },\n  emits: ['click'],\n  setup(props, { emit, attrs }) {\n    const route = useRoute()\n    const hiddenTitle = useHiddenTitle()\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 String(v)\n      }\n      return ''\n    })\n\n    const title = computed(() => {\n      return props.label || props.source\n    })\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\n        {hiddenTitle ? (\n          <div>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        ) : (\n          <div class=\"sky-link-field\">\n            <h4>{title.value}</h4>\n            <ElButton type=\"primary\" text bg onClick={() => emit('click', props.row)} {...attrs}>\n              {field.value}\n            </ElButton>\n          </div>\n        )}\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["SkyLinkField","defineComponent","name","inheritAttrs","props","source","type","required","label","row","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","field","computed","v","title","default","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,MAAAA,IAAA,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,KAAAA;AAAAA;;;;IAGmBC,OAAAA;AAAAA,EAAM,GAAA;AACzB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,GACAC,IAAAJ,EAAA,MAEAK,IAAAC,EAAA,MAAA;;AAEE,aAAAC,gBAGA;AAAA,IACF,CAAA,GAEAC,IAAAF,EAAA,MACEb,EAAA,SAAAA,EAAA,MACF;;;MAG4C,QAAA,CAAA,QAAA,MAAA;AAAA,MAA0B,QAAAA,EAAA;AAAA,IAAsB,GAAA;AAAA;QAC5E,MAAA;AAAA,QAAA,MAAA;AAAA,QAAA,IAAA;AAAA;MAEgE,GAAAM,CAAA,GAAA;AAAA,QAAWU,SAAAA,MAAAA,CAAAA,EAAAA,KAAAA;AAAAA,MACrE,CAAA,CAAA,CAAA,IAAAC,EAAA,OAAA;AAAA,QAAA,OAAA;AAAA;QAKE,MAAA;AAAA,QAAA,MAAA;AAAA,QAAA,IAAA;AAAA;MACwD,GAAAX,CAAA,GAAA;AAAA,QAAWU,SAAAA,MAAAA,CAAAA,EAAAA,KAAAA;AAAAA;;EAO7F;AACF,CAAA;"}

package/dist/components/radio-button-group-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/radio/style/css");require("element-plus/es/components/radio-group/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");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const q=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const m=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const i=require("element-plus"),f=require("vue-router"),y=require("../can-access/index.cjs");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!r.isVNode(e)}const S=r.defineComponent({name:"SkyRadioButtonGroupInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,options:Array,rules:Object,defaultValue:{type:[String,Number],default:""}},setup(e,{attrs:l}){const n=f.useRoute(),c=m.useFormGrid(),{formData:u,editData:a}=q.useForm(),s=n.meta,d=r.computed(()=>e.label||e.source);return typeof u[e.source]>"u"&&(u[e.source]=e.defaultValue),a.value&&(u[e.source]=a.value[e.source]),()=>{let o;return r.createVNode(y.SkyCanAccess,{resource:s.resource,action:["create","edit"],column:e.source},{default:()=>[r.createVNode(i.ElFormItem,{label:d.value,prop:e.source,rules:e.rules,style:c?`grid-area: ${e.source}`:""},{default:()=>[r.createVNode(i.ElRadioGroup,r.mergeProps({modelValue:u[e.source],"onUpdate:modelValue":t=>u[e.source]=t},l),b(o=e.options.map(t=>r.h(i.ElRadio,{key:t.value,value:t.value},{default:()=>t.label})))?o:{default:()=>[o]})]})]})}}});exports.SkyRadioButtonGroupInput=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/radio/style/css");require("element-plus/es/components/radio-group/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");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const q=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const m=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");require("vue-i18n");const i=require("element-plus"),f=require("vue-router"),y=require("../can-access/index.cjs");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!r.isVNode(e)}const S=r.defineComponent({name:"SkyRadioButtonGroupInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,options:Array,rules:Object,defaultValue:{type:[String,Number],default:""}},setup(e,{attrs:l}){const n=f.useRoute(),c=m.useFormGrid(),{formData:u,editData:a}=q.useForm(),s=n.meta,d=r.computed(()=>e.label||e.source);return typeof u[e.source]>"u"&&(u[e.source]=e.defaultValue),a.value&&(u[e.source]=a.value[e.source]),()=>{let o;return r.createVNode(y.SkyCanAccess,{resource:s.resource,action:["create","edit"],column:e.source},{default:()=>[r.createVNode(i.ElFormItem,{label:d.value,prop:e.source,rules:e.rules,style:c?`grid-area: ${e.source}`:""},{default:()=>[r.createVNode(i.ElRadioGroup,r.mergeProps({modelValue:u[e.source],"onUpdate:modelValue":t=>u[e.source]=t},l),b(o=e.options.map(t=>r.h(i.ElRadio,{key:t.value,value:t.value},{default:()=>t.label})))?o:{default:()=>[o]})]})]})}}});exports.SkyRadioButtonGroupInput=S;
 //# sourceMappingURL=index.cjs.map

package/dist/components/radio-button-group-input/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/radio-button-group-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport {\n  ElFormItem,\n  ElRadio,\n  ElRadioGroup,\n  type FormItemRule,\n  type RadioGroupProps,\n} from 'element-plus'\nimport { computed, defineComponent, h, type PropType } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyRadioButtonGroupInputOptionItem {\n  value: string | number\n  label: string\n  disabled?: boolean\n}\n\nexport interface SkyRadioButtonGroupInputProps {\n  source: string\n  label?: string\n  options: SkyRadioButtonGroupInputOptionItem[]\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: string | number\n}\n\nexport const SkyRadioButtonGroupInput = defineComponent<\n  SkyRadioButtonGroupInputProps & Partial<RadioGroupProps>\n>({\n  name: 'SkyRadioButtonGroupInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    options: Array as PropType<SkyRadioButtonGroupInputOptionItem[]>,\n    rules: Object,\n    defaultValue: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n  setup(props, { attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    const title = computed<string>(() => props.label || props.source)\n\n    if (typeof formData[props.source] === 'undefined') {\n      formData[props.source] = props.defaultValue!\n    }\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElRadioGroup\n            modelValue={formData[props.source] as SkyRadioButtonGroupInputOptionItem['value']}\n            onUpdate:modelValue={(v) =>\n              (formData[props.source] = v as SkyRadioButtonGroupInputOptionItem['value'])\n            }\n            {...attrs}\n          >\n            {props.options.map((option) =>\n              h(\n                ElRadio,\n                { key: option.value, value: option.value },\n                { default: () => option.label },\n              ),\n            )}\n          </ElRadioGroup>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyRadioButtonGroupInput","defineComponent","name","inheritAttrs","props","source","type","required","label","options","rules","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","formData","_slot","option","h","ElRadio"],"mappings":"o/BAW4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAgB5C,MAAAE,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,2BACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,QAAAA,MACAC,MAAAA,OACAC,aAAAA,CACEL,KAAAA,CAAAA,OAAAA,MAAAA,EACAM,QAAAA,EACF,YAEaC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAL,EAAA,KAEAM,EAAAC,EAAAA,SAAA,IAAAjB,EAAA,OAAAA,EAAA,MAAA,wEAOEkB,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,QAGK,IAAAC,2DACqC,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAAnB,EAAA,MAAsB,EAAA,CAAAQ,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,2CAItE,MAAAI,EAAA,cAAAZ,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAQ,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,aAAAA,EAAAA,WAAAA,CAAA,WAAAU,EAAAlB,EAAA,MAAA,wCAK4B,EAAAS,CAAA,EAAAhB,EAAA0B,EAAAnB,EAAA,QAAA,IAAAoB,GAAAC,EAAAA,EAAAC,UAAA,0BAOhC,EAAA,CACvCd,QAAAA,IAAAA,EAAAA,4BAEL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAKX,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/radio-button-group-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport {\n  ElFormItem,\n  ElRadio,\n  ElRadioGroup,\n  type FormItemRule,\n  type RadioGroupProps,\n} from 'element-plus'\nimport { computed, defineComponent, h, type PropType } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyRadioButtonGroupInputOptionItem {\n  value: string | number\n  label: string\n  disabled?: boolean\n}\n\nexport interface SkyRadioButtonGroupInputProps {\n  source: string\n  label?: string\n  options: SkyRadioButtonGroupInputOptionItem[]\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: string | number\n}\n\nexport const SkyRadioButtonGroupInput = defineComponent<\n  SkyRadioButtonGroupInputProps & Partial<RadioGroupProps>\n>({\n  name: 'SkyRadioButtonGroupInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    options: Array as PropType<SkyRadioButtonGroupInputOptionItem[]>,\n    rules: Object,\n    defaultValue: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n  setup(props, { attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    const title = computed<string>(() => props.label || props.source)\n\n    if (typeof formData[props.source] === 'undefined') {\n      formData[props.source] = props.defaultValue!\n    }\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElRadioGroup\n            modelValue={formData[props.source] as SkyRadioButtonGroupInputOptionItem['value']}\n            onUpdate:modelValue={(v) =>\n              (formData[props.source] = v as SkyRadioButtonGroupInputOptionItem['value'])\n            }\n            {...attrs}\n          >\n            {props.options.map((option) =>\n              h(\n                ElRadio,\n                { key: option.value, value: option.value },\n                { default: () => option.label },\n              ),\n            )}\n          </ElRadioGroup>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyRadioButtonGroupInput","defineComponent","name","inheritAttrs","props","source","type","required","label","options","rules","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","formData","_slot","option","h","ElRadio"],"mappings":"wgCAW4C,SAAAA,EAAAC,EAAA,CAAA,OAAA,OAAAA,GAAA,YAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,IAAA,mBAAA,CAAAC,EAAAA,QAAAD,CAAA,CAAA,CAgB5C,MAAAE,EAAAC,EAAAA,gBAAA,CAGEC,KAAAA,2BACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,QAAAA,MACAC,MAAAA,OACAC,aAAAA,CACEL,KAAAA,CAAAA,OAAAA,MAAAA,EACAM,QAAAA,EACF,YAEaC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAL,EAAA,KAEAM,EAAAC,EAAAA,SAAA,IAAAjB,EAAA,OAAAA,EAAA,MAAA,wEAOEkB,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,QAGK,IAAAC,2DACqC,OAAA,CAAA,SAAA,MAAA,EAA4B,OAAAnB,EAAA,MAAsB,EAAA,CAAAQ,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,2CAItE,MAAAI,EAAA,cAAAZ,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAQ,QAAAA,IAAAA,CAAAA,cAAAA,EAAAA,aAAAA,EAAAA,WAAAA,CAAA,WAAAU,EAAAlB,EAAA,MAAA,wCAK4B,EAAAS,CAAA,EAAAhB,EAAA0B,EAAAnB,EAAA,QAAA,IAAAoB,GAAAC,EAAAA,EAAAC,UAAA,0BAOhC,EAAA,CACvCd,QAAAA,IAAAA,EAAAA,4BAEL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAKX,CACF,CAAA"}

package/dist/components/radio-button-group-input/index.mjs

@@ -18,13 +18,14 @@ import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
 import { useFormGrid as S } from "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
+import "vue-i18n";
 import { ElFormItem as g, ElRadioGroup as v, ElRadio as V } from "element-plus";
 import { useRoute as G } from "vue-router";
 import { SkyCanAccess as R } from "../can-access/index.mjs";
 function j(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !y(e);
 }
-const L = /* @__PURE__ */ d({
+const Q = /* @__PURE__ */ d({
   name: "SkyRadioButtonGroupInput",
   inheritAttrs: !1,
   props: {
@@ -77,6 +78,6 @@ const L = /* @__PURE__ */ d({
   }
 });
 export {
-  L as SkyRadioButtonGroupInput
+  Q as SkyRadioButtonGroupInput
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/radio-button-group-input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/radio-button-group-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport {\n  ElFormItem,\n  ElRadio,\n  ElRadioGroup,\n  type FormItemRule,\n  type RadioGroupProps,\n} from 'element-plus'\nimport { computed, defineComponent, h, type PropType } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyRadioButtonGroupInputOptionItem {\n  value: string | number\n  label: string\n  disabled?: boolean\n}\n\nexport interface SkyRadioButtonGroupInputProps {\n  source: string\n  label?: string\n  options: SkyRadioButtonGroupInputOptionItem[]\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: string | number\n}\n\nexport const SkyRadioButtonGroupInput = defineComponent<\n  SkyRadioButtonGroupInputProps & Partial<RadioGroupProps>\n>({\n  name: 'SkyRadioButtonGroupInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    options: Array as PropType<SkyRadioButtonGroupInputOptionItem[]>,\n    rules: Object,\n    defaultValue: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n  setup(props, { attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    const title = computed<string>(() => props.label || props.source)\n\n    if (typeof formData[props.source] === 'undefined') {\n      formData[props.source] = props.defaultValue!\n    }\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElRadioGroup\n            modelValue={formData[props.source] as SkyRadioButtonGroupInputOptionItem['value']}\n            onUpdate:modelValue={(v) =>\n              (formData[props.source] = v as SkyRadioButtonGroupInputOptionItem['value'])\n            }\n            {...attrs}\n          >\n            {props.options.map((option) =>\n              h(\n                ElRadio,\n                { key: option.value, value: option.value },\n                { default: () => option.label },\n              ),\n            )}\n          </ElRadioGroup>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyRadioButtonGroupInput","defineComponent","name","inheritAttrs","props","source","type","required","label","options","rules","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","formData","_slot","option","h","ElRadio"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAW4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAgB5C,MAAAE,IAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACEL,MAAAA,CAAAA,QAAAA,MAAAA;AAAAA,MACAM,SAAAA;AAAAA,IACF;AAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAL,EAAA,MAEAM,IAAAC,EAAA,MAAAjB,EAAA,SAAAA,EAAA,MAAA;mFAOEkB,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA;AAGK,UAAAC;;;QACqC,QAAA,CAAA,UAAA,MAAA;AAAA,QAA4B,QAAAnB,EAAA;AAAA,MAAsB,GAAA;AAAA,QAAAQ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;;;UAItE,OAAAI,IAAA,cAAAZ,EAAA,MAAA,KAAA;AAAA,QACiC,GAAA;AAAA,UAAAQ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,YAAA,YAAAU,EAAAlB,EAAA,MAAA;AAAA;UAK4B,GAAAS,CAAA,GAAAhB,EAAA0B,IAAAnB,EAAA,QAAA,IAAA,CAAAoB,MAAAC,EAAAC,GAAA;AAAA;;UAOhC,GAAA;AAAA,YACvCd,SAAAA,MAAAA,EAAAA;AAAAA;;UAEL,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAKX;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/radio-button-group-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport type { SkyLayoutRouteMeta } from '@/router'\nimport {\n  ElFormItem,\n  ElRadio,\n  ElRadioGroup,\n  type FormItemRule,\n  type RadioGroupProps,\n} from 'element-plus'\nimport { computed, defineComponent, h, type PropType } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\n\nexport interface SkyRadioButtonGroupInputOptionItem {\n  value: string | number\n  label: string\n  disabled?: boolean\n}\n\nexport interface SkyRadioButtonGroupInputProps {\n  source: string\n  label?: string\n  options: SkyRadioButtonGroupInputOptionItem[]\n  rules?: FormItemRule | FormItemRule[]\n  defaultValue?: string | number\n}\n\nexport const SkyRadioButtonGroupInput = defineComponent<\n  SkyRadioButtonGroupInputProps & Partial<RadioGroupProps>\n>({\n  name: 'SkyRadioButtonGroupInput',\n  inheritAttrs: false,\n  props: {\n    source: {\n      type: String,\n      required: true,\n    },\n    label: String,\n    options: Array as PropType<SkyRadioButtonGroupInputOptionItem[]>,\n    rules: Object,\n    defaultValue: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n  setup(props, { attrs }) {\n    const route = useRoute()\n    const formGrid = useFormGrid()\n    const { formData, editData } = useForm()!\n    const routeMeta = route.meta as SkyLayoutRouteMeta\n\n    const title = computed<string>(() => props.label || props.source)\n\n    if (typeof formData[props.source] === 'undefined') {\n      formData[props.source] = props.defaultValue!\n    }\n\n    if (editData.value) {\n      formData[props.source] = editData.value[props.source]\n    }\n\n    return () => (\n      <SkyCanAccess resource={routeMeta.resource} action={['create', 'edit']} column={props.source}>\n        <ElFormItem\n          label={title.value}\n          prop={props.source}\n          rules={props.rules}\n          style={formGrid ? `grid-area: ${props.source}` : ''}\n        >\n          <ElRadioGroup\n            modelValue={formData[props.source] as SkyRadioButtonGroupInputOptionItem['value']}\n            onUpdate:modelValue={(v) =>\n              (formData[props.source] = v as SkyRadioButtonGroupInputOptionItem['value'])\n            }\n            {...attrs}\n          >\n            {props.options.map((option) =>\n              h(\n                ElRadio,\n                { key: option.value, value: option.value },\n                { default: () => option.label },\n              ),\n            )}\n          </ElRadioGroup>\n        </ElFormItem>\n      </SkyCanAccess>\n    )\n  },\n})\n"],"names":["_isSlot","s","_isVNode","SkyRadioButtonGroupInput","defineComponent","name","inheritAttrs","props","source","type","required","label","options","rules","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","formData","_slot","option","h","ElRadio"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAW4C,SAAAA,EAAAC,GAAA;AAAA,SAAA,OAAAA,KAAA,cAAA,OAAA,UAAA,SAAA,KAAAA,CAAA,MAAA,qBAAA,CAAAC,EAAAD,CAAA;AAAA;AAgB5C,MAAAE,IAAA,gBAAAC,EAAA;AAAA,EAGEC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,QAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,UAAAA;AAAAA;IAEFC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACEL,MAAAA,CAAAA,QAAAA,MAAAA;AAAAA,MACAM,SAAAA;AAAAA,IACF;AAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnB,UAAAC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAL,EAAA,MAEAM,IAAAC,EAAA,MAAAjB,EAAA,SAAAA,EAAA,MAAA;mFAOEkB,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA;AAGK,UAAAC;;;QACqC,QAAA,CAAA,UAAA,MAAA;AAAA,QAA4B,QAAAnB,EAAA;AAAA,MAAsB,GAAA;AAAA,QAAAQ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;;;UAItE,OAAAI,IAAA,cAAAZ,EAAA,MAAA,KAAA;AAAA,QACiC,GAAA;AAAA,UAAAQ,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA,EAAAA;AAAAA,YAAA,YAAAU,EAAAlB,EAAA,MAAA;AAAA;UAK4B,GAAAS,CAAA,GAAAhB,EAAA0B,IAAAnB,EAAA,QAAA,IAAA,CAAAoB,MAAAC,EAAAC,GAAA;AAAA;;UAOhC,GAAA;AAAA,YACvCd,SAAAA,MAAAA,EAAAA;AAAAA;;UAEL,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAKX;AACF,CAAA;"}

package/dist/components/reference-field/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");const e=require("vue"),u=require("element-plus"),S=require("@vueuse/core"),d=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");const k=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 b=require("../can-access/index.cjs"),q=require("../../setup/index.cjs"),h=e.defineComponent({name:"SkyReferenceField",inheritAttrs:!1,props:{reference:{type:String,required:!0},source:{type:String,required:!0},id:{type:String,default:"id"},name:{type:String,default:"name"},label:String,row:Object},setup(r,{attrs:n}){const o=d.useRouter(),f=d.useRoute(),m=k.useHiddenTitle(),c=e.computed(()=>r.label||r.source),g=f.meta;let a;const{isLoading:y,state:v}=S.useAsyncState(async()=>{const t=r.row?.[r.source];if(t)return a=new AbortController,q.skyConfig.dataProvider?.getOne?.(r.reference,{id:t,signal:a.signal})},void 0,{immediate:!0}),i=e.computed(()=>v.value?.data?.[r.name]),l=()=>{const t=q.skyConfig.getShowRouteName(r.reference),s=r.row?.[r.id];s&&o.hasRoute(t)&&o.push({name:t,params:{id:String(s)}})};return()=>e.createVNode(b.SkyCanAccess,{resource:g.resource,action:["list","show"],column:r.source},{default:()=>[i.value&&e.withDirectives(e.createVNode("div",{class:"sky-reference-field"},[m?e.createVNode(u.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:l},n),{default:()=>[i.value]}):e.createVNode(e.Fragment,null,[c.value&&e.createVNode("h4",null,[c.value]),e.createVNode(u.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:l},n),{default:()=>[i.value]})])]),[[u.ElLoadingDirective,y.value]])]})}});exports.SkyReferenceField=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/button/style/css");const e=require("vue"),u=require("element-plus"),S=require("@vueuse/core"),d=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");const k=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 q=require("../../setup/index.cjs"),b=require("../can-access/index.cjs"),h=e.defineComponent({name:"SkyReferenceField",inheritAttrs:!1,props:{reference:{type:String,required:!0},source:{type:String,required:!0},id:{type:String,default:"id"},name:{type:String,default:"name"},label:String,row:Object},setup(r,{attrs:n}){const o=d.useRouter(),f=d.useRoute(),m=k.useHiddenTitle(),c=e.computed(()=>r.label||r.source),g=f.meta;let a;const{isLoading:y,state:v}=S.useAsyncState(async()=>{const t=r.row?.[r.source];if(t)return a=new AbortController,q.skyConfig.dataProvider?.getOne?.(r.reference,{id:t,signal:a.signal})},void 0,{immediate:!0}),i=e.computed(()=>v.value?.data?.[r.name]),l=()=>{const t=q.skyConfig.getShowRouteName(r.reference),s=r.row?.[r.id];s&&o.hasRoute(t)&&o.push({name:t,params:{id:String(s)}})};return()=>e.createVNode(b.SkyCanAccess,{resource:g.resource,action:["list","show"],column:r.source},{default:()=>[i.value&&e.withDirectives(e.createVNode("div",{class:"sky-reference-field"},[m?e.createVNode(u.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:l},n),{default:()=>[i.value]}):e.createVNode(e.Fragment,null,[c.value&&e.createVNode("h4",null,[c.value]),e.createVNode(u.ElButton,e.mergeProps({type:"primary",text:!0,bg:!0,onClick:l},n),{default:()=>[i.value]})])]),[[u.ElLoadingDirective,y.value]])]})}});exports.SkyReferenceField=h;
 //# sourceMappingURL=index.cjs.map

package/dist/components/reference-field/index.mjs

@@ -19,8 +19,8 @@ import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
 import "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
-import { SkyCanAccess as F } from "../can-access/index.mjs";
 import { skyConfig as f } from "../../setup/index.mjs";
+import { SkyCanAccess as F } from "../can-access/index.mjs";
 const Z = /* @__PURE__ */ h({
   name: "SkyReferenceField",
   inheritAttrs: !1,

package/dist/components/show-simple-layout/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");const o=require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const t=e.defineComponent({name:"SkyShowSimpleLayout",setup(q,{slots:r}){const{data:u}=o.useShow();return()=>e.createVNode("div",{class:"sky-show-simple-layout"},[r.default?.().map(i=>e.cloneVNode(i,{row:u.value?.data}))])}});exports.SkyShowSimpleLayout=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");require("../../hooks/useForm.cjs");const o=require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");require("vue-i18n");require("element-plus");const t=e.defineComponent({name:"SkyShowSimpleLayout",setup(q,{slots:r}){const{data:u}=o.useShow();return()=>e.createVNode("div",{class:"sky-show-simple-layout"},[r.default?.().map(i=>e.cloneVNode(i,{row:u.value?.data}))])}});exports.SkyShowSimpleLayout=t;
 //# sourceMappingURL=index.cjs.map

package/dist/components/show-simple-layout/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/show-simple-layout/index.tsx"],"sourcesContent":["import { useShow } from '@/hooks'\nimport { cloneVNode, defineComponent } from 'vue'\n\nexport const SkyShowSimpleLayout = defineComponent({\n  name: 'SkyShowSimpleLayout',\n  setup(_props, { slots }) {\n    const { data } = useShow()!\n\n    // h(vnode.type as Component, { key: i, row, ...vnode.props }, (vnode.children as Slots)?.default) 等效于 cloneVNode(vnode, { row... })\n    return () => (\n      <div class=\"sky-show-simple-layout\">\n        {slots.default?.().map((vnode) => cloneVNode(vnode, { row: data.value?.data }))}\n      </div>\n    )\n  },\n})\n"],"names":["SkyShowSimpleLayout","defineComponent","name","setup","_props","slots","data","useShow","_createVNode","default","map","vnode","cloneVNode","row","value"],"mappings":"muBAGO,MAAMA,EAAsBC,EAAAA,gBAAgB,CACjDC,KAAM,sBACNC,MAAMC,EAAQ,CAAEC,MAAAA,CAAM,EAAG,CACvB,KAAM,CAAEC,KAAAA,GAASC,UAAO,EAGxB,MAAO,IAAAC,EAAAA,YAAA,MAAA,CAAA,MAAA,wBAAA,EAAA,CAEFH,EAAMI,UAAO,EAAKC,IAAKC,GAAUC,EAAAA,WAAWD,EAAO,CAAEE,IAAKP,EAAKQ,OAAOR,KAAM,CAAC,CAAC,CAAA,CAGrF,CACF,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/show-simple-layout/index.tsx"],"sourcesContent":["import { useShow } from '@/hooks'\nimport { cloneVNode, defineComponent } from 'vue'\n\nexport const SkyShowSimpleLayout = defineComponent({\n  name: 'SkyShowSimpleLayout',\n  setup(_props, { slots }) {\n    const { data } = useShow()!\n\n    // h(vnode.type as Component, { key: i, row, ...vnode.props }, (vnode.children as Slots)?.default) 等效于 cloneVNode(vnode, { row... })\n    return () => (\n      <div class=\"sky-show-simple-layout\">\n        {slots.default?.().map((vnode) => cloneVNode(vnode, { row: data.value?.data }))}\n      </div>\n    )\n  },\n})\n"],"names":["SkyShowSimpleLayout","defineComponent","name","setup","_props","slots","data","useShow","_createVNode","default","map","vnode","cloneVNode","row","value"],"mappings":"+wBAGO,MAAMA,EAAsBC,EAAAA,gBAAgB,CACjDC,KAAM,sBACNC,MAAMC,EAAQ,CAAEC,MAAAA,CAAM,EAAG,CACvB,KAAM,CAAEC,KAAAA,GAASC,UAAO,EAGxB,MAAO,IAAAC,EAAAA,YAAA,MAAA,CAAA,MAAA,wBAAA,EAAA,CAEFH,EAAMI,UAAO,EAAKC,IAAKC,GAAUC,EAAAA,WAAWD,EAAO,CAAEE,IAAKP,EAAKQ,OAAOR,KAAM,CAAC,CAAC,CAAA,CAGrF,CACF,CAAC"}

package/dist/components/show-simple-layout/index.mjs

@@ -15,7 +15,9 @@ import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
 import "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
-const C = /* @__PURE__ */ m({
+import "vue-i18n";
+import "element-plus";
+const b = /* @__PURE__ */ m({
   name: "SkyShowSimpleLayout",
   setup(a, {
     slots: o
@@ -31,6 +33,6 @@ const C = /* @__PURE__ */ m({
   }
 });
 export {
-  C as SkyShowSimpleLayout
+  b as SkyShowSimpleLayout
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/show-simple-layout/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/show-simple-layout/index.tsx"],"sourcesContent":["import { useShow } from '@/hooks'\nimport { cloneVNode, defineComponent } from 'vue'\n\nexport const SkyShowSimpleLayout = defineComponent({\n  name: 'SkyShowSimpleLayout',\n  setup(_props, { slots }) {\n    const { data } = useShow()!\n\n    // h(vnode.type as Component, { key: i, row, ...vnode.props }, (vnode.children as Slots)?.default) 等效于 cloneVNode(vnode, { row... })\n    return () => (\n      <div class=\"sky-show-simple-layout\">\n        {slots.default?.().map((vnode) => cloneVNode(vnode, { row: data.value?.data }))}\n      </div>\n    )\n  },\n})\n"],"names":["SkyShowSimpleLayout","defineComponent","name","setup","_props","slots","data","useShow","_createVNode","default","map","vnode","cloneVNode","row","value"],"mappings":";;;;;;;;;;;;;;;;;AAGO,MAAMA,IAAsBC,gBAAAA,EAAgB;AAAA,EACjDC,MAAM;AAAA,EACNC,MAAMC,GAAQ;AAAA,IAAEC,OAAAA;AAAAA,EAAM,GAAG;AACvB,UAAM;AAAA,MAAEC,MAAAA;AAAAA,QAASC,EAAO;AAGxB,WAAO,MAAAC,EAAA,OAAA;AAAA,MAAA,OAAA;AAAA,IAAA,GAAA,CAEFH,EAAMI,UAAO,EAAKC,IAAKC,CAAAA,MAAUC,EAAWD,GAAO;AAAA,MAAEE,KAAKP,EAAKQ,OAAOR;AAAAA,KAAM,CAAC,CAAC,CAAA;AAAA,EAGrF;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/show-simple-layout/index.tsx"],"sourcesContent":["import { useShow } from '@/hooks'\nimport { cloneVNode, defineComponent } from 'vue'\n\nexport const SkyShowSimpleLayout = defineComponent({\n  name: 'SkyShowSimpleLayout',\n  setup(_props, { slots }) {\n    const { data } = useShow()!\n\n    // h(vnode.type as Component, { key: i, row, ...vnode.props }, (vnode.children as Slots)?.default) 等效于 cloneVNode(vnode, { row... })\n    return () => (\n      <div class=\"sky-show-simple-layout\">\n        {slots.default?.().map((vnode) => cloneVNode(vnode, { row: data.value?.data }))}\n      </div>\n    )\n  },\n})\n"],"names":["SkyShowSimpleLayout","defineComponent","name","setup","_props","slots","data","useShow","_createVNode","default","map","vnode","cloneVNode","row","value"],"mappings":";;;;;;;;;;;;;;;;;;;AAGO,MAAMA,IAAsBC,gBAAAA,EAAgB;AAAA,EACjDC,MAAM;AAAA,EACNC,MAAMC,GAAQ;AAAA,IAAEC,OAAAA;AAAAA,EAAM,GAAG;AACvB,UAAM;AAAA,MAAEC,MAAAA;AAAAA,QAASC,EAAO;AAGxB,WAAO,MAAAC,EAAA,OAAA;AAAA,MAAA,OAAA;AAAA,IAAA,GAAA,CAEFH,EAAMI,UAAO,EAAKC,IAAKC,CAAAA,MAAUC,EAAWD,GAAO;AAAA,MAAEE,KAAKP,EAAKQ,OAAOR;AAAAA,KAAM,CAAC,CAAC,CAAA;AAAA,EAGrF;AACF,CAAC;"}

package/dist/components/simple-form/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form/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");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const s=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const l=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const m=require("element-plus"),f=e.defineComponent({name:"SkySimpleForm",props:{grid:{type:Boolean,default:!1},rules:Object},setup(r,{slots:u}){l.useProvideFormGrid(r.grid);const{formData:i,setFormRef:o}=s.useForm(),t=e.useTemplateRef("formRef");return e.watchEffect(()=>{o(t.value)}),()=>e.createVNode(m.ElForm,{ref:"formRef",class:`sky-simple-form${r.grid?" is-grid":""}`,model:i,"label-position":"top",rules:r.rules},{default:()=>[u.default?.()]})}});exports.SkySimpleForm=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form/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");require("../../hooks/useList.cjs");require("../../hooks/useHiddenTitle.cjs");const s=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const l=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");require("vue-i18n");const m=require("element-plus"),q=e.defineComponent({name:"SkySimpleForm",props:{grid:{type:Boolean,default:!1},rules:Object},setup(r,{slots:u}){l.useProvideFormGrid(r.grid);const{formData:i,setFormRef:o}=s.useForm(),t=e.useTemplateRef("formRef");return e.watchEffect(()=>{o(t.value)}),()=>e.createVNode(m.ElForm,{ref:"formRef",class:`sky-simple-form${r.grid?" is-grid":""}`,model:i,"label-position":"top",rules:r.rules},{default:()=>[u.default?.()]})}});exports.SkySimpleForm=q;
 //# sourceMappingURL=index.cjs.map

package/dist/components/simple-form/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/simple-form/index.tsx"],"sourcesContent":["import { useForm, useProvideFormGrid } from '@/hooks'\nimport { ElForm, type FormProps, type FormRules } from 'element-plus'\nimport { defineComponent, useTemplateRef, watchEffect } from 'vue'\n\nexport interface SkySimpleFormProps {\n  grid?: boolean\n  rules?: FormRules\n}\n\nexport const SkySimpleForm = defineComponent<SkySimpleFormProps & Partial<FormProps>>({\n  name: 'SkySimpleForm',\n  props: {\n    grid: {\n      type: Boolean,\n      default: false,\n    },\n    rules: Object,\n  },\n  setup(props, { slots }) {\n    useProvideFormGrid(props.grid!)\n    const { formData, setFormRef } = useForm()!\n    const formRef = useTemplateRef<InstanceType<typeof ElForm> | null>('formRef')\n    watchEffect(() => {\n      setFormRef(formRef.value)\n    })\n    return () => (\n      <ElForm\n        ref=\"formRef\"\n        class={`sky-simple-form${props.grid ? ' is-grid' : ''}`}\n        model={formData}\n        label-position=\"top\"\n        rules={props.rules}\n      >\n        {slots.default?.()}\n      </ElForm>\n    )\n  },\n})\n"],"names":["SkySimpleForm","defineComponent","name","props","grid","type","default","rules","slots","useProvideFormGrid","setFormRef","formRef","useTemplateRef","watchEffect","formData"],"mappings":"g0BASAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,MAAAA,CACEC,KAAAA,CACEC,KAAAA,QACAC,QAAAA,IAEFC,MAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnBC,EAAAA,mBAAAA,EAAAA,IAAAA,mBACkBC,WAAAA,eAClBC,EAAAC,EAAAA,eAAA,SAAA,EACAC,OAAAA,EAAAA,YAAAA,IAAAA,CACEH,EAAAA,EAAAA,KAAAA,CACF,CAAA,8BACO,IAAA,yDAGoD,MAAAI,EACxC,iBAAA,MAAA,MAAAX,EAAA,KAEG,EAAA,CAAAG,QAAAA,IAAAA,CAAAA,EAAAA,UAAAA,CAAAA,GAKxB,CACF,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/simple-form/index.tsx"],"sourcesContent":["import { useForm, useProvideFormGrid } from '@/hooks'\nimport { ElForm, type FormProps, type FormRules } from 'element-plus'\nimport { defineComponent, useTemplateRef, watchEffect } from 'vue'\n\nexport interface SkySimpleFormProps {\n  grid?: boolean\n  rules?: FormRules\n}\n\nexport const SkySimpleForm = defineComponent<SkySimpleFormProps & Partial<FormProps>>({\n  name: 'SkySimpleForm',\n  props: {\n    grid: {\n      type: Boolean,\n      default: false,\n    },\n    rules: Object,\n  },\n  setup(props, { slots }) {\n    useProvideFormGrid(props.grid!)\n    const { formData, setFormRef } = useForm()!\n    const formRef = useTemplateRef<InstanceType<typeof ElForm> | null>('formRef')\n    watchEffect(() => {\n      setFormRef(formRef.value)\n    })\n    return () => (\n      <ElForm\n        ref=\"formRef\"\n        class={`sky-simple-form${props.grid ? ' is-grid' : ''}`}\n        model={formData}\n        label-position=\"top\"\n        rules={props.rules}\n      >\n        {slots.default?.()}\n      </ElForm>\n    )\n  },\n})\n"],"names":["SkySimpleForm","defineComponent","name","props","grid","type","default","rules","slots","useProvideFormGrid","setFormRef","formRef","useTemplateRef","watchEffect","formData"],"mappings":"o1BASAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,gBACAC,MAAAA,CACEC,KAAAA,CACEC,KAAAA,QACAC,QAAAA,IAEFC,MAAAA,iBAEaC,MAAAA,CAAM,EAAA,CACnBC,EAAAA,mBAAAA,EAAAA,IAAAA,mBACkBC,WAAAA,eAClBC,EAAAC,EAAAA,eAAA,SAAA,EACAC,OAAAA,EAAAA,YAAAA,IAAAA,CACEH,EAAAA,EAAAA,KAAAA,CACF,CAAA,8BACO,IAAA,yDAGoD,MAAAI,EACxC,iBAAA,MAAA,MAAAX,EAAA,KAEG,EAAA,CAAAG,QAAAA,IAAAA,CAAAA,EAAAA,UAAAA,CAAAA,GAKxB,CACF,CAAA"}

package/dist/components/simple-form/index.mjs

@@ -16,8 +16,9 @@ import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
 import { useProvideFormGrid as a } from "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
+import "vue-i18n";
 import { ElForm as d } from "element-plus";
-const G = /* @__PURE__ */ i({
+const N = /* @__PURE__ */ i({
   name: "SkySimpleForm",
   props: {
     grid: {
@@ -48,6 +49,6 @@ const G = /* @__PURE__ */ i({
   }
 });
 export {
-  G as SkySimpleForm
+  N as SkySimpleForm
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/simple-form/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/simple-form/index.tsx"],"sourcesContent":["import { useForm, useProvideFormGrid } from '@/hooks'\nimport { ElForm, type FormProps, type FormRules } from 'element-plus'\nimport { defineComponent, useTemplateRef, watchEffect } from 'vue'\n\nexport interface SkySimpleFormProps {\n  grid?: boolean\n  rules?: FormRules\n}\n\nexport const SkySimpleForm = defineComponent<SkySimpleFormProps & Partial<FormProps>>({\n  name: 'SkySimpleForm',\n  props: {\n    grid: {\n      type: Boolean,\n      default: false,\n    },\n    rules: Object,\n  },\n  setup(props, { slots }) {\n    useProvideFormGrid(props.grid!)\n    const { formData, setFormRef } = useForm()!\n    const formRef = useTemplateRef<InstanceType<typeof ElForm> | null>('formRef')\n    watchEffect(() => {\n      setFormRef(formRef.value)\n    })\n    return () => (\n      <ElForm\n        ref=\"formRef\"\n        class={`sky-simple-form${props.grid ? ' is-grid' : ''}`}\n        model={formData}\n        label-position=\"top\"\n        rules={props.rules}\n      >\n        {slots.default?.()}\n      </ElForm>\n    )\n  },\n})\n"],"names":["SkySimpleForm","defineComponent","name","props","grid","type","default","rules","slots","useProvideFormGrid","setFormRef","formRef","useTemplateRef","watchEffect","formData"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,MAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnBC,IAAAA,EAAAA,EAAAA,IAAAA;;;MACkBC,YAAAA;AAAAA,aAClBC,IAAAC,EAAA,SAAA;AACAC,WAAAA,EAAAA,MAAAA;AACEH,MAAAA,EAAAA,EAAAA,KAAAA;AAAAA,IACF,CAAA;MACO,KAAA;AAAA;MAGoD,OAAAI;AAAA,MACxC,kBAAA;AAAA,MAAA,OAAAX,EAAA;AAAA,IAEG,GAAA;AAAA,MAAAG,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,CAAAA;AAAAA;EAKxB;AACF,CAAA;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/simple-form/index.tsx"],"sourcesContent":["import { useForm, useProvideFormGrid } from '@/hooks'\nimport { ElForm, type FormProps, type FormRules } from 'element-plus'\nimport { defineComponent, useTemplateRef, watchEffect } from 'vue'\n\nexport interface SkySimpleFormProps {\n  grid?: boolean\n  rules?: FormRules\n}\n\nexport const SkySimpleForm = defineComponent<SkySimpleFormProps & Partial<FormProps>>({\n  name: 'SkySimpleForm',\n  props: {\n    grid: {\n      type: Boolean,\n      default: false,\n    },\n    rules: Object,\n  },\n  setup(props, { slots }) {\n    useProvideFormGrid(props.grid!)\n    const { formData, setFormRef } = useForm()!\n    const formRef = useTemplateRef<InstanceType<typeof ElForm> | null>('formRef')\n    watchEffect(() => {\n      setFormRef(formRef.value)\n    })\n    return () => (\n      <ElForm\n        ref=\"formRef\"\n        class={`sky-simple-form${props.grid ? ' is-grid' : ''}`}\n        model={formData}\n        label-position=\"top\"\n        rules={props.rules}\n      >\n        {slots.default?.()}\n      </ElForm>\n    )\n  },\n})\n"],"names":["SkySimpleForm","defineComponent","name","props","grid","type","default","rules","slots","useProvideFormGrid","setFormRef","formRef","useTemplateRef","watchEffect","formData"],"mappings":";;;;;;;;;;;;;;;;;;;;AASA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,IACEC,MAAAA;AAAAA,MACEC,MAAAA;AAAAA,MACAC,SAAAA;AAAAA;IAEFC,OAAAA;AAAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;AACnBC,IAAAA,EAAAA,EAAAA,IAAAA;;;MACkBC,YAAAA;AAAAA,aAClBC,IAAAC,EAAA,SAAA;AACAC,WAAAA,EAAAA,MAAAA;AACEH,MAAAA,EAAAA,EAAAA,KAAAA;AAAAA,IACF,CAAA;MACO,KAAA;AAAA;MAGoD,OAAAI;AAAA,MACxC,kBAAA;AAAA,MAAA,OAAAX,EAAA;AAAA,IAEG,GAAA;AAAA,MAAAG,SAAAA,MAAAA,CAAAA,EAAAA,UAAAA,CAAAA;AAAAA;EAKxB;AACF,CAAA;"}

package/dist/components/text-field/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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");require("../../hooks/useList.cjs");const d=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 s=require("vue-router"),a=require("../can-access/index.cjs"),q=e.defineComponent({name:"SkyTextField",inheritAttrs:!1,props:{source:{type:String,required:!0},name:{type:String,default:"name"},label:String,row:Object},setup(r,{attrs:u}){const o=s.useRoute(),c=d.useHiddenTitle(),l=o.meta,i=e.computed(()=>{const t=r.row?.[r.source];return t?typeof t!="object"?String(t):t[r.name]||"":""}),n=e.computed(()=>r.label||r.source);return()=>e.createVNode(a.SkyCanAccess,{resource:l.resource,action:["list","show"],column:r.source},{default:()=>[c?e.createVNode("div",u,[i.value]):e.createVNode("div",e.mergeProps({class:"sky-text-field"},u),[n.value&&e.createVNode("h4",null,[n.value]),e.createVNode("div",null,[i.value])])]})}});exports.SkyTextField=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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");require("../../hooks/useList.cjs");const d=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");require("element-plus");const s=require("vue-router"),a=require("../can-access/index.cjs"),q=e.defineComponent({name:"SkyTextField",inheritAttrs:!1,props:{source:{type:String,required:!0},name:{type:String,default:"name"},label:String,row:Object},setup(r,{attrs:u}){const o=s.useRoute(),c=d.useHiddenTitle(),l=o.meta,i=e.computed(()=>{const t=r.row?.[r.source];return t?typeof t!="object"?String(t):t[r.name]||"":""}),n=e.computed(()=>r.label||r.source);return()=>e.createVNode(a.SkyCanAccess,{resource:l.resource,action:["list","show"],column:r.source},{default:()=>[c?e.createVNode("div",u,[i.value]):e.createVNode("div",e.mergeProps({class:"sky-text-field"},u),[n.value&&e.createVNode("h4",null,[n.value]),e.createVNode("div",null,[i.value])])]})}});exports.SkyTextField=q;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/text-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\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 TextFieldProps {\r\n  source: string\r\n  name?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyTextField = defineComponent<TextFieldProps>({\r\n  name: 'SkyTextField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: 'name',\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 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.name!] || ''\r\n    })\r\n\r\n    const title = computed(() => {\r\n      return props.label || props.source\r\n    })\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {hiddenTitle ? (\r\n          <div {...attrs}>{field.value}</div>\r\n        ) : (\r\n          <div class=\"sky-text-field\" {...attrs}>\r\n            {title.value && <h4>{title.value}</h4>}\r\n            <div>{field.value}</div>\r\n          </div>\r\n        )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyTextField","defineComponent","name","inheritAttrs","props","source","type","String","required","default","label","row","Object","setup","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","meta","field","computed","v","title","_createVNode","SkyCanAccess","resource","value","_mergeProps"],"mappings":"syBAaaA,EAAeC,EAAAA,gBAAgC,CAC1DC,KAAM,eACNC,aAAc,GACdC,MAAO,CACLC,OAAQ,CACNC,KAAMC,OACNC,SAAU,IAEZN,KAAM,CACJI,KAAMC,OACNE,QAAS,QAEXC,MAAOH,OACPI,IAAKC,QAEPC,MAAMT,EAAO,CAAEU,MAAAA,CAAM,EAAG,CACtB,MAAMC,EAAQC,EAAAA,SAAQ,EAChBC,EAAcC,EAAAA,eAAc,EAC5BC,EAAYJ,EAAMK,KAElBC,EAAQC,EAAAA,SAAiB,IAAM,CACnC,MAAMC,EAAInB,EAAMO,MAAMP,EAAMC,MAAM,EAClC,OAAKkB,EAGD,OAAOA,GAAM,SACRhB,OAAOgB,CAAC,EAETA,EAA6BnB,EAAMF,IAAI,GAAM,GAL5C,EAMX,CAAC,EAEKsB,EAAQF,EAAAA,SAAS,IACdlB,EAAMM,OAASN,EAAMC,MAC7B,EAED,MAAO,IAAAoB,EAAAA,YAAAC,eAAA,CAAA,SACmBP,EAAUQ,SAAQ,OAAU,CAAC,OAAQ,MAAM,EAAC,OAAUvB,EAAMC,MAAM,EAAA,CAAAI,QAAAA,IAAA,CACvFQ,EAAWQ,EAAAA,YAAA,MACDX,EAAK,CAAGO,EAAMO,KAAK,CAAA,EAAAH,oBAAAI,EAAAA,WAAA,CAAA,MAAA,gBAAA,EAEIf,CAAK,EAAA,CAClCU,EAAMI,OAAKH,cAAA,KAAA,KAAA,CAASD,EAAMI,KAAK,GAAMH,EAAAA,wBAChCJ,EAAMO,KAAK,CAAA,CAAA,CAAA,CAEpB,EAAA,CAGP,CACF,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/text-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\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 TextFieldProps {\r\n  source: string\r\n  name?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyTextField = defineComponent<TextFieldProps>({\r\n  name: 'SkyTextField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: 'name',\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 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.name!] || ''\r\n    })\r\n\r\n    const title = computed(() => {\r\n      return props.label || props.source\r\n    })\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {hiddenTitle ? (\r\n          <div {...attrs}>{field.value}</div>\r\n        ) : (\r\n          <div class=\"sky-text-field\" {...attrs}>\r\n            {title.value && <h4>{title.value}</h4>}\r\n            <div>{field.value}</div>\r\n          </div>\r\n        )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyTextField","defineComponent","name","inheritAttrs","props","source","type","String","required","default","label","row","Object","setup","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","meta","field","computed","v","title","_createVNode","SkyCanAccess","resource","value","_mergeProps"],"mappings":"k1BAaaA,EAAeC,EAAAA,gBAAgC,CAC1DC,KAAM,eACNC,aAAc,GACdC,MAAO,CACLC,OAAQ,CACNC,KAAMC,OACNC,SAAU,IAEZN,KAAM,CACJI,KAAMC,OACNE,QAAS,QAEXC,MAAOH,OACPI,IAAKC,QAEPC,MAAMT,EAAO,CAAEU,MAAAA,CAAM,EAAG,CACtB,MAAMC,EAAQC,EAAAA,SAAQ,EAChBC,EAAcC,EAAAA,eAAc,EAC5BC,EAAYJ,EAAMK,KAElBC,EAAQC,EAAAA,SAAiB,IAAM,CACnC,MAAMC,EAAInB,EAAMO,MAAMP,EAAMC,MAAM,EAClC,OAAKkB,EAGD,OAAOA,GAAM,SACRhB,OAAOgB,CAAC,EAETA,EAA6BnB,EAAMF,IAAI,GAAM,GAL5C,EAMX,CAAC,EAEKsB,EAAQF,EAAAA,SAAS,IACdlB,EAAMM,OAASN,EAAMC,MAC7B,EAED,MAAO,IAAAoB,EAAAA,YAAAC,eAAA,CAAA,SACmBP,EAAUQ,SAAQ,OAAU,CAAC,OAAQ,MAAM,EAAC,OAAUvB,EAAMC,MAAM,EAAA,CAAAI,QAAAA,IAAA,CACvFQ,EAAWQ,EAAAA,YAAA,MACDX,EAAK,CAAGO,EAAMO,KAAK,CAAA,EAAAH,oBAAAI,EAAAA,WAAA,CAAA,MAAA,gBAAA,EAEIf,CAAK,EAAA,CAClCU,EAAMI,OAAKH,cAAA,KAAA,KAAA,CAASD,EAAMI,KAAK,GAAMH,EAAAA,wBAChCJ,EAAMO,KAAK,CAAA,CAAA,CAAA,CAEpB,EAAA,CAGP,CACF,CAAC"}

package/dist/components/text-field/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, computed as n, createVNode as t, mergeProps as p } from "vue";
+import { defineComponent as p, computed as n, createVNode as t, mergeProps as s } from "vue";
 import "../../hooks/useUser.mjs";
 import "../../hooks/usePermission.mjs";
 import "../../hooks/useMenu.mjs";
@@ -15,9 +15,11 @@ import "../../hooks/useReferenceArrayField.mjs";
 import "../../hooks/useTreeWithDetails.mjs";
 import "../../hooks/useFormGrid.mjs";
 import "../../hooks/useReferenceArrayInput.mjs";
+import "vue-i18n";
+import "element-plus";
 import { useRoute as d } from "vue-router";
 import { SkyCanAccess as f } from "../can-access/index.mjs";
-const P = /* @__PURE__ */ s({
+const V = /* @__PURE__ */ p({
   name: "SkyTextField",
   inheritAttrs: !1,
   props: {
@@ -44,13 +46,13 @@ const P = /* @__PURE__ */ s({
       action: ["list", "show"],
       column: e.source
     }, {
-      default: () => [l ? t("div", o, [i.value]) : t("div", p({
+      default: () => [l ? t("div", o, [i.value]) : t("div", s({
         class: "sky-text-field"
       }, o), [m.value && t("h4", null, [m.value]), t("div", null, [i.value])])]
     });
   }
 });
 export {
-  P as SkyTextField
+  V as SkyTextField
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/text-field/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/text-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\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 TextFieldProps {\r\n  source: string\r\n  name?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyTextField = defineComponent<TextFieldProps>({\r\n  name: 'SkyTextField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: 'name',\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 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.name!] || ''\r\n    })\r\n\r\n    const title = computed(() => {\r\n      return props.label || props.source\r\n    })\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {hiddenTitle ? (\r\n          <div {...attrs}>{field.value}</div>\r\n        ) : (\r\n          <div class=\"sky-text-field\" {...attrs}>\r\n            {title.value && <h4>{title.value}</h4>}\r\n            <div>{field.value}</div>\r\n          </div>\r\n        )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyTextField","defineComponent","name","inheritAttrs","props","source","type","String","required","default","label","row","Object","setup","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","meta","field","computed","v","title","_createVNode","SkyCanAccess","resource","value","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAaO,MAAMA,IAAeC,gBAAAA,EAAgC;AAAA,EAC1DC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA;IAEZN,MAAM;AAAA,MACJI,MAAMC;AAAAA,MACNE,SAAS;AAAA;IAEXC,OAAOH;AAAAA,IACPI,KAAKC;AAAAA;EAEPC,MAAMT,GAAO;AAAA,IAAEU,OAAAA;AAAAA,EAAM,GAAG;AACtB,UAAMC,IAAQC,EAAQ,GAChBC,IAAcC,EAAc,GAC5BC,IAAYJ,EAAMK,MAElBC,IAAQC,EAAiB,MAAM;AACnC,YAAMC,IAAInB,EAAMO,MAAMP,EAAMC,MAAM;AAClC,aAAKkB,IAGD,OAAOA,KAAM,WACRhB,OAAOgB,CAAC,IAETA,EAA6BnB,EAAMF,IAAI,KAAM,KAL5C;AAAA,IAMX,CAAC,GAEKsB,IAAQF,EAAS,MACdlB,EAAMM,SAASN,EAAMC,MAC7B;AAED,WAAO,MAAAoB,EAAAC,GAAA;AAAA,MAAA,UACmBP,EAAUQ;AAAAA,MAAQ,QAAU,CAAC,QAAQ,MAAM;AAAA,MAAC,QAAUvB,EAAMC;AAAAA,IAAM,GAAA;AAAA,MAAAI,SAAAA,MAAA,CACvFQ,IAAWQ,EAAA,OACDX,GAAK,CAAGO,EAAMO,KAAK,CAAA,IAAAH,SAAAI,EAAA;AAAA,QAAA,OAAA;AAAA,MAAA,GAEIf,CAAK,GAAA,CAClCU,EAAMI,SAAKH,EAAA,MAAA,MAAA,CAASD,EAAMI,KAAK,IAAMH,gBAChCJ,EAAMO,KAAK,CAAA,CAAA,CAAA,CAEpB;AAAA,KAAA;AAAA,EAGP;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/text-field/index.tsx"],"sourcesContent":["import { useHiddenTitle } from '@/hooks'\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 TextFieldProps {\r\n  source: string\r\n  name?: string\r\n  label?: string\r\n  row?: Record<string, unknown>\r\n}\r\n\r\nexport const SkyTextField = defineComponent<TextFieldProps>({\r\n  name: 'SkyTextField',\r\n  inheritAttrs: false,\r\n  props: {\r\n    source: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    name: {\r\n      type: String,\r\n      default: 'name',\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 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.name!] || ''\r\n    })\r\n\r\n    const title = computed(() => {\r\n      return props.label || props.source\r\n    })\r\n\r\n    return () => (\r\n      <SkyCanAccess resource={routeMeta.resource} action={['list', 'show']} column={props.source}>\r\n        {hiddenTitle ? (\r\n          <div {...attrs}>{field.value}</div>\r\n        ) : (\r\n          <div class=\"sky-text-field\" {...attrs}>\r\n            {title.value && <h4>{title.value}</h4>}\r\n            <div>{field.value}</div>\r\n          </div>\r\n        )}\r\n      </SkyCanAccess>\r\n    )\r\n  },\r\n})\r\n"],"names":["SkyTextField","defineComponent","name","inheritAttrs","props","source","type","String","required","default","label","row","Object","setup","attrs","route","useRoute","hiddenTitle","useHiddenTitle","routeMeta","meta","field","computed","v","title","_createVNode","SkyCanAccess","resource","value","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaO,MAAMA,IAAeC,gBAAAA,EAAgC;AAAA,EAC1DC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAO;AAAA,IACLC,QAAQ;AAAA,MACNC,MAAMC;AAAAA,MACNC,UAAU;AAAA;IAEZN,MAAM;AAAA,MACJI,MAAMC;AAAAA,MACNE,SAAS;AAAA;IAEXC,OAAOH;AAAAA,IACPI,KAAKC;AAAAA;EAEPC,MAAMT,GAAO;AAAA,IAAEU,OAAAA;AAAAA,EAAM,GAAG;AACtB,UAAMC,IAAQC,EAAQ,GAChBC,IAAcC,EAAc,GAC5BC,IAAYJ,EAAMK,MAElBC,IAAQC,EAAiB,MAAM;AACnC,YAAMC,IAAInB,EAAMO,MAAMP,EAAMC,MAAM;AAClC,aAAKkB,IAGD,OAAOA,KAAM,WACRhB,OAAOgB,CAAC,IAETA,EAA6BnB,EAAMF,IAAI,KAAM,KAL5C;AAAA,IAMX,CAAC,GAEKsB,IAAQF,EAAS,MACdlB,EAAMM,SAASN,EAAMC,MAC7B;AAED,WAAO,MAAAoB,EAAAC,GAAA;AAAA,MAAA,UACmBP,EAAUQ;AAAAA,MAAQ,QAAU,CAAC,QAAQ,MAAM;AAAA,MAAC,QAAUvB,EAAMC;AAAAA,IAAM,GAAA;AAAA,MAAAI,SAAAA,MAAA,CACvFQ,IAAWQ,EAAA,OACDX,GAAK,CAAGO,EAAMO,KAAK,CAAA,IAAAH,SAAAI,EAAA;AAAA,QAAA,OAAA;AAAA,MAAA,GAEIf,CAAK,GAAA,CAClCU,EAAMI,SAAKH,EAAA,MAAA,MAAA,CAASD,EAAMI,KAAK,IAAMH,gBAChCJ,EAAMO,KAAK,CAAA,CAAA,CAAA,CAEpB;AAAA,KAAA;AAAA,EAGP;AACF,CAAC;"}

package/dist/components/text-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/input/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 p=require("../../hooks/useForm.cjs");require("../../hooks/useShow.cjs");require("../../hooks/useReferenceArrayField.cjs");require("../../hooks/useTreeWithDetails.cjs");const q=require("../../hooks/useFormGrid.cjs");require("../../hooks/useReferenceArrayInput.cjs");const o=require("element-plus"),m=require("vue-router"),f=require("../can-access/index.cjs"),y=u.defineComponent({name:"SkyTextInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,rules:Object,parser:Function,defaultValue:{type:String,default:""}},setup(s,{attrs:i}){const e=s,c=m.useRoute(),n=q.useFormGrid(),{formData:r,editData:t}=p.useForm(),a=c.meta,l=u.computed(()=>e.label||e.source);return typeof r[e.source]>"u"&&(r[e.source]=e.defaultValue),t.value&&(r[e.source]=t.value[e.source]),e.parser&&(r[e.source]=e.parser(r[e.source])),()=>u.createVNode(f.SkyCanAccess,{resource:a.resource,action:["create","edit"],column:e.source},{default:()=>[u.createVNode(o.ElFormItem,{label:l.value,prop:e.source,rules:e.rules,style:n?`grid-area: ${e.source}`:""},{default:()=>u.h(o.ElInput,{modelValue:r[e.source]?String(r[e.source]):"","onUpdate:modelValue":d=>r[e.source]=d,parser:e.parser,...i})})]})}});exports.SkyTextInput=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("element-plus/es/components/form-item/style/css");require("element-plus/es/components/input/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 q=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");require("vue-i18n");const o=require("element-plus"),m=require("vue-router"),f=require("../can-access/index.cjs"),y=u.defineComponent({name:"SkyTextInput",inheritAttrs:!1,props:{source:{type:String,required:!0},label:String,rules:Object,parser:Function,defaultValue:{type:String,default:""}},setup(s,{attrs:i}){const e=s,c=m.useRoute(),n=p.useFormGrid(),{formData:r,editData:t}=q.useForm(),a=c.meta,l=u.computed(()=>e.label||e.source);return typeof r[e.source]>"u"&&(r[e.source]=e.defaultValue),t.value&&(r[e.source]=t.value[e.source]),e.parser&&(r[e.source]=e.parser(r[e.source])),()=>u.createVNode(f.SkyCanAccess,{resource:a.resource,action:["create","edit"],column:e.source},{default:()=>[u.createVNode(o.ElFormItem,{label:l.value,prop:e.source,rules:e.rules,style:n?`grid-area: ${e.source}`:""},{default:()=>u.h(o.ElInput,{modelValue:r[e.source]?String(r[e.source]):"","onUpdate:modelValue":d=>r[e.source]=d,parser:e.parser,...i})})]})}});exports.SkyTextInput=y;
 //# sourceMappingURL=index.cjs.map