skyline-vue-admin 0.0.15 → 0.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/auto-complete-array-input/index.cjs +1 -1
- package/dist/components/auto-complete-array-input/index.cjs.map +1 -1
- package/dist/components/auto-complete-array-input/index.mjs +25 -22
- package/dist/components/auto-complete-array-input/index.mjs.map +1 -1
- package/dist/components/avatar-input/index.cjs +1 -1
- package/dist/components/avatar-input/index.cjs.map +1 -1
- package/dist/components/avatar-input/index.d.ts +0 -4
- package/dist/components/avatar-input/index.mjs +72 -104
- package/dist/components/avatar-input/index.mjs.map +1 -1
- package/dist/components/can-access/index.cjs +1 -1
- package/dist/components/can-access/index.mjs +1 -1
- package/dist/components/create/index.cjs +1 -1
- package/dist/components/create/index.mjs +4 -4
- package/dist/components/data-table/index.cjs +1 -1
- package/dist/components/data-table/index.mjs +4 -4
- package/dist/components/data-table-col/index.cjs +1 -1
- package/dist/components/data-table-col/index.cjs.map +1 -1
- package/dist/components/data-table-col/index.mjs +5 -4
- package/dist/components/data-table-col/index.mjs.map +1 -1
- package/dist/components/edit/index.cjs +1 -1
- package/dist/components/edit/index.mjs +1 -1
- package/dist/components/file-multiple-input/index.cjs +1 -1
- package/dist/components/file-multiple-input/index.cjs.map +1 -1
- package/dist/components/file-multiple-input/index.d.ts +2 -8
- package/dist/components/file-multiple-input/index.mjs +38 -146
- package/dist/components/file-multiple-input/index.mjs.map +1 -1
- package/dist/components/file-multiple-model-input/index.cjs +2 -0
- package/dist/components/file-multiple-model-input/index.cjs.map +1 -0
- package/dist/components/file-multiple-model-input/index.d.ts +72 -0
- package/dist/components/file-multiple-model-input/index.mjs +154 -0
- package/dist/components/file-multiple-model-input/index.mjs.map +1 -0
- package/dist/components/filter/index.cjs +1 -1
- package/dist/components/filter/index.mjs +6 -6
- package/dist/components/image-field/index.cjs +1 -1
- package/dist/components/image-field/index.cjs.map +1 -1
- package/dist/components/image-field/index.mjs +3 -2
- package/dist/components/image-field/index.mjs.map +1 -1
- package/dist/components/link-field/index.cjs +1 -1
- package/dist/components/link-field/index.cjs.map +1 -1
- package/dist/components/link-field/index.mjs +3 -2
- package/dist/components/link-field/index.mjs.map +1 -1
- package/dist/components/radio-button-group-input/index.cjs +1 -1
- package/dist/components/radio-button-group-input/index.cjs.map +1 -1
- package/dist/components/radio-button-group-input/index.mjs +3 -2
- package/dist/components/radio-button-group-input/index.mjs.map +1 -1
- package/dist/components/reference-field/index.cjs +1 -1
- package/dist/components/reference-field/index.mjs +1 -1
- package/dist/components/show-simple-layout/index.cjs +1 -1
- package/dist/components/show-simple-layout/index.cjs.map +1 -1
- package/dist/components/show-simple-layout/index.mjs +4 -2
- package/dist/components/show-simple-layout/index.mjs.map +1 -1
- package/dist/components/simple-form/index.cjs +1 -1
- package/dist/components/simple-form/index.cjs.map +1 -1
- package/dist/components/simple-form/index.mjs +3 -2
- package/dist/components/simple-form/index.mjs.map +1 -1
- package/dist/components/text-field/index.cjs +1 -1
- package/dist/components/text-field/index.cjs.map +1 -1
- package/dist/components/text-field/index.mjs +6 -4
- package/dist/components/text-field/index.mjs.map +1 -1
- package/dist/components/text-input/index.cjs +1 -1
- package/dist/components/text-input/index.cjs.map +1 -1
- package/dist/components/text-input/index.mjs +7 -6
- package/dist/components/text-input/index.mjs.map +1 -1
- package/dist/hooks/useUpload.cjs +1 -1
- package/dist/hooks/useUpload.cjs.map +1 -1
- package/dist/hooks/useUpload.d.ts +9 -3
- package/dist/hooks/useUpload.mjs +20 -5
- package/dist/hooks/useUpload.mjs.map +1 -1
- package/dist/layouts/default.cjs +1 -1
- package/dist/layouts/default.mjs +14 -14
- package/dist/provides/dataProvider.d.ts +2 -6
- package/dist/styles/components/file-multiple-input.css +1 -1
- package/dist/styles/components/file-multiple-model-input.css +1 -0
- package/dist/styles/index.css +1 -1
- package/package.json +1 -1
|
@@ -15,7 +15,9 @@ import "../../hooks/useReferenceArrayField.mjs";
|
|
|
15
15
|
import "../../hooks/useTreeWithDetails.mjs";
|
|
16
16
|
import "../../hooks/useFormGrid.mjs";
|
|
17
17
|
import "../../hooks/useReferenceArrayInput.mjs";
|
|
18
|
-
|
|
18
|
+
import "vue-i18n";
|
|
19
|
+
import "element-plus";
|
|
20
|
+
const b = /* @__PURE__ */ m({
|
|
19
21
|
name: "SkyShowSimpleLayout",
|
|
20
22
|
setup(a, {
|
|
21
23
|
slots: o
|
|
@@ -31,6 +33,6 @@ const C = /* @__PURE__ */ m({
|
|
|
31
33
|
}
|
|
32
34
|
});
|
|
33
35
|
export {
|
|
34
|
-
|
|
36
|
+
b as SkyShowSimpleLayout
|
|
35
37
|
};
|
|
36
38
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +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":"
|
|
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;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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"),
|
|
1
|
+
"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;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +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":"
|
|
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":"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"}
|
|
@@ -16,8 +16,9 @@ import "../../hooks/useReferenceArrayField.mjs";
|
|
|
16
16
|
import "../../hooks/useTreeWithDetails.mjs";
|
|
17
17
|
import { useProvideFormGrid as a } from "../../hooks/useFormGrid.mjs";
|
|
18
18
|
import "../../hooks/useReferenceArrayInput.mjs";
|
|
19
|
+
import "vue-i18n";
|
|
19
20
|
import { ElForm as d } from "element-plus";
|
|
20
|
-
const
|
|
21
|
+
const N = /* @__PURE__ */ i({
|
|
21
22
|
name: "SkySimpleForm",
|
|
22
23
|
props: {
|
|
23
24
|
grid: {
|
|
@@ -48,6 +49,6 @@ const G = /* @__PURE__ */ i({
|
|
|
48
49
|
}
|
|
49
50
|
});
|
|
50
51
|
export {
|
|
51
|
-
|
|
52
|
+
N as SkySimpleForm
|
|
52
53
|
};
|
|
53
54
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +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":"
|
|
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;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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;
|
|
1
|
+
"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;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +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":"
|
|
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":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as p, computed as n, createVNode as t, mergeProps as s } from "vue";
|
|
2
2
|
import "../../hooks/useUser.mjs";
|
|
3
3
|
import "../../hooks/usePermission.mjs";
|
|
4
4
|
import "../../hooks/useMenu.mjs";
|
|
@@ -15,9 +15,11 @@ import "../../hooks/useReferenceArrayField.mjs";
|
|
|
15
15
|
import "../../hooks/useTreeWithDetails.mjs";
|
|
16
16
|
import "../../hooks/useFormGrid.mjs";
|
|
17
17
|
import "../../hooks/useReferenceArrayInput.mjs";
|
|
18
|
+
import "vue-i18n";
|
|
19
|
+
import "element-plus";
|
|
18
20
|
import { useRoute as d } from "vue-router";
|
|
19
21
|
import { SkyCanAccess as f } from "../can-access/index.mjs";
|
|
20
|
-
const
|
|
22
|
+
const V = /* @__PURE__ */ p({
|
|
21
23
|
name: "SkyTextField",
|
|
22
24
|
inheritAttrs: !1,
|
|
23
25
|
props: {
|
|
@@ -44,13 +46,13 @@ const P = /* @__PURE__ */ s({
|
|
|
44
46
|
action: ["list", "show"],
|
|
45
47
|
column: e.source
|
|
46
48
|
}, {
|
|
47
|
-
default: () => [l ? t("div", o, [i.value]) : t("div",
|
|
49
|
+
default: () => [l ? t("div", o, [i.value]) : t("div", s({
|
|
48
50
|
class: "sky-text-field"
|
|
49
51
|
}, o), [m.value && t("h4", null, [m.value]), t("div", null, [i.value])])]
|
|
50
52
|
});
|
|
51
53
|
}
|
|
52
54
|
});
|
|
53
55
|
export {
|
|
54
|
-
|
|
56
|
+
V as SkyTextField
|
|
55
57
|
};
|
|
56
58
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +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":"
|
|
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;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
1
|
+
"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;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/text-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport { ElFormItem, ElInput, type FormItemRule, type InputProps } from 'element-plus'\nimport { computed, defineComponent, h } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyTextInputProps {\n source: string\n label?: string\n rules?: FormItemRule | FormItemRule[]\n parser?: InputProps['parser']\n defaultValue?: string\n}\n\nexport const SkyTextInput = defineComponent<SkyTextInputProps & Partial<InputProps>>({\n name: 'SkyTextInput',\n inheritAttrs: false,\n props: {\n source: {\n type: String,\n required: true,\n },\n label: String,\n rules: Object,\n parser: Function,\n defaultValue: {\n type: String,\n default: '',\n },\n },\n setup(props, { attrs }) {\n // 防止TS类型爆炸!\n const _props = props as unknown as SkyTextInputProps\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(() => _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 // 主动调用一次,归一化参数\n if (_props.parser) {\n formData[_props.source] = _props.parser(formData[_props.source])\n }\n\n return () => (\n <SkyCanAccess\n resource={routeMeta.resource}\n action={['create', 'edit']}\n column={_props.source}\n >\n <ElFormItem\n label={title.value}\n prop={_props.source}\n rules={_props.rules}\n style={formGrid ? `grid-area: ${_props.source}` : ''}\n >\n {() =>\n h(ElInput, {\n modelValue: formData[_props.source] ? String(formData[_props.source]) : '',\n 'onUpdate:modelValue': (v) => (formData[_props.source] = v),\n parser: _props.parser,\n ...attrs,\n })\n }\n </ElFormItem>\n </SkyCanAccess>\n )\n },\n})\n"],"names":["SkyTextInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","parser","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","_props","formData","modelValue"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/text-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport { ElFormItem, ElInput, type FormItemRule, type InputProps } from 'element-plus'\nimport { computed, defineComponent, h } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyTextInputProps {\n source: string\n label?: string\n rules?: FormItemRule | FormItemRule[]\n parser?: InputProps['parser']\n defaultValue?: string\n}\n\nexport const SkyTextInput = defineComponent<SkyTextInputProps & Partial<InputProps>>({\n name: 'SkyTextInput',\n inheritAttrs: false,\n props: {\n source: {\n type: String,\n required: true,\n },\n label: String,\n rules: Object,\n parser: Function,\n defaultValue: {\n type: String,\n default: '',\n },\n },\n setup(props, { attrs }) {\n // 防止TS类型爆炸!\n const _props = props as unknown as SkyTextInputProps\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(() => _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 // 主动调用一次,归一化参数\n if (_props.parser) {\n formData[_props.source] = _props.parser(formData[_props.source])\n }\n\n return () => (\n <SkyCanAccess\n resource={routeMeta.resource}\n action={['create', 'edit']}\n column={_props.source}\n >\n <ElFormItem\n label={title.value}\n prop={_props.source}\n rules={_props.rules}\n style={formGrid ? `grid-area: ${_props.source}` : ''}\n >\n {() =>\n h(ElInput, {\n modelValue: formData[_props.source] ? String(formData[_props.source]) : '',\n 'onUpdate:modelValue': (v) => (formData[_props.source] = v),\n parser: _props.parser,\n ...attrs,\n })\n }\n </ElFormItem>\n </SkyCanAccess>\n )\n },\n})\n"],"names":["SkyTextInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","parser","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","_props","formData","modelValue"],"mappings":"48BAeAA,EAAAC,EAAAA,gBAAA,CACEC,KAAAA,eACAC,aAAAA,GACAC,MAAAA,CACEC,OAAAA,CACEC,KAAAA,OACAC,SAAAA,IAEFC,MAAAA,OACAC,MAAAA,OACAC,OAAAA,SACAC,aAAAA,CACEL,KAAAA,OACAM,QAAAA,EACF,YAEaC,MAAAA,CAAM,EAAA,WAGnBC,EAAAC,EAAAA,SAAA,EACAC,EAAAC,EAAAA,YAAA,cACkBC,SAAAA,eAClBC,EAAAL,EAAA,KAEAM,EAAAC,EAAAA,SAAA,IAAAC,EAAA,OAAAA,EAAA,MAAA,wEAOEC,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,MAAAA,EAAAA,MAAAA,cAKAA,EAAAA,EAAAA,MAAAA,EAAAA,EAAAA,OAAAA,EAAAA,EAAAA,MAAAA,CAAAA,yDAK8B,OAAA,CAAA,SAAA,MAAA,EACF,OAAAD,EAAA,MACL,EAAA,CAAAV,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,aAAAA,2CAKA,MAAAI,EAAA,cAAAM,EAAA,MAAA,GAAA,EACiC,EAAA,CAAAV,QAAAA,IAAAA,EAAAA,EAAAA,UAAAA,CAIhDY,WAAAA,EAAAA,EAAAA,MAAAA,EAAAA,OAAAA,EAAAA,EAAAA,MAAAA,CAAAA,EAAAA,gEAIA,CAAA,CAAA,GAKZ,CACF,CAAA"}
|
|
@@ -17,10 +17,11 @@ import "../../hooks/useReferenceArrayField.mjs";
|
|
|
17
17
|
import "../../hooks/useTreeWithDetails.mjs";
|
|
18
18
|
import { useFormGrid as y } from "../../hooks/useFormGrid.mjs";
|
|
19
19
|
import "../../hooks/useReferenceArrayInput.mjs";
|
|
20
|
+
import "vue-i18n";
|
|
20
21
|
import { ElFormItem as S, ElInput as g } from "element-plus";
|
|
21
22
|
import { useRoute as V } from "vue-router";
|
|
22
23
|
import { SkyCanAccess as b } from "../can-access/index.mjs";
|
|
23
|
-
const
|
|
24
|
+
const B = /* @__PURE__ */ l({
|
|
24
25
|
name: "SkyTextInput",
|
|
25
26
|
inheritAttrs: !1,
|
|
26
27
|
props: {
|
|
@@ -39,12 +40,12 @@ const z = /* @__PURE__ */ l({
|
|
|
39
40
|
setup(u, {
|
|
40
41
|
attrs: p
|
|
41
42
|
}) {
|
|
42
|
-
const r = u, i = V(),
|
|
43
|
+
const r = u, i = V(), m = y(), {
|
|
43
44
|
formData: e,
|
|
44
45
|
editData: o
|
|
45
|
-
} = d(),
|
|
46
|
+
} = d(), s = i.meta, a = n(() => r.label || r.source);
|
|
46
47
|
return typeof e[r.source] > "u" && (e[r.source] = r.defaultValue), o.value && (e[r.source] = o.value[r.source]), r.parser && (e[r.source] = r.parser(e[r.source])), () => t(b, {
|
|
47
|
-
resource:
|
|
48
|
+
resource: s.resource,
|
|
48
49
|
action: ["create", "edit"],
|
|
49
50
|
column: r.source
|
|
50
51
|
}, {
|
|
@@ -52,7 +53,7 @@ const z = /* @__PURE__ */ l({
|
|
|
52
53
|
label: a.value,
|
|
53
54
|
prop: r.source,
|
|
54
55
|
rules: r.rules,
|
|
55
|
-
style:
|
|
56
|
+
style: m ? `grid-area: ${r.source}` : ""
|
|
56
57
|
}, {
|
|
57
58
|
default: () => f(g, {
|
|
58
59
|
modelValue: e[r.source] ? String(e[r.source]) : "",
|
|
@@ -65,6 +66,6 @@ const z = /* @__PURE__ */ l({
|
|
|
65
66
|
}
|
|
66
67
|
});
|
|
67
68
|
export {
|
|
68
|
-
|
|
69
|
+
B as SkyTextInput
|
|
69
70
|
};
|
|
70
71
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/components/text-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport { ElFormItem, ElInput, type FormItemRule, type InputProps } from 'element-plus'\nimport { computed, defineComponent, h } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyTextInputProps {\n source: string\n label?: string\n rules?: FormItemRule | FormItemRule[]\n parser?: InputProps['parser']\n defaultValue?: string\n}\n\nexport const SkyTextInput = defineComponent<SkyTextInputProps & Partial<InputProps>>({\n name: 'SkyTextInput',\n inheritAttrs: false,\n props: {\n source: {\n type: String,\n required: true,\n },\n label: String,\n rules: Object,\n parser: Function,\n defaultValue: {\n type: String,\n default: '',\n },\n },\n setup(props, { attrs }) {\n // 防止TS类型爆炸!\n const _props = props as unknown as SkyTextInputProps\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(() => _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 // 主动调用一次,归一化参数\n if (_props.parser) {\n formData[_props.source] = _props.parser(formData[_props.source])\n }\n\n return () => (\n <SkyCanAccess\n resource={routeMeta.resource}\n action={['create', 'edit']}\n column={_props.source}\n >\n <ElFormItem\n label={title.value}\n prop={_props.source}\n rules={_props.rules}\n style={formGrid ? `grid-area: ${_props.source}` : ''}\n >\n {() =>\n h(ElInput, {\n modelValue: formData[_props.source] ? String(formData[_props.source]) : '',\n 'onUpdate:modelValue': (v) => (formData[_props.source] = v),\n parser: _props.parser,\n ...attrs,\n })\n }\n </ElFormItem>\n </SkyCanAccess>\n )\n },\n})\n"],"names":["SkyTextInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","parser","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","_props","formData","modelValue"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/components/text-input/index.tsx"],"sourcesContent":["import { useForm, useFormGrid } from '@/hooks'\nimport { ElFormItem, ElInput, type FormItemRule, type InputProps } from 'element-plus'\nimport { computed, defineComponent, h } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { SkyCanAccess } from '../can-access'\nimport type { SkyLayoutRouteMeta } from '@/router'\n\nexport interface SkyTextInputProps {\n source: string\n label?: string\n rules?: FormItemRule | FormItemRule[]\n parser?: InputProps['parser']\n defaultValue?: string\n}\n\nexport const SkyTextInput = defineComponent<SkyTextInputProps & Partial<InputProps>>({\n name: 'SkyTextInput',\n inheritAttrs: false,\n props: {\n source: {\n type: String,\n required: true,\n },\n label: String,\n rules: Object,\n parser: Function,\n defaultValue: {\n type: String,\n default: '',\n },\n },\n setup(props, { attrs }) {\n // 防止TS类型爆炸!\n const _props = props as unknown as SkyTextInputProps\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(() => _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 // 主动调用一次,归一化参数\n if (_props.parser) {\n formData[_props.source] = _props.parser(formData[_props.source])\n }\n\n return () => (\n <SkyCanAccess\n resource={routeMeta.resource}\n action={['create', 'edit']}\n column={_props.source}\n >\n <ElFormItem\n label={title.value}\n prop={_props.source}\n rules={_props.rules}\n style={formGrid ? `grid-area: ${_props.source}` : ''}\n >\n {() =>\n h(ElInput, {\n modelValue: formData[_props.source] ? String(formData[_props.source]) : '',\n 'onUpdate:modelValue': (v) => (formData[_props.source] = v),\n parser: _props.parser,\n ...attrs,\n })\n }\n </ElFormItem>\n </SkyCanAccess>\n )\n },\n})\n"],"names":["SkyTextInput","defineComponent","name","inheritAttrs","props","source","type","required","label","rules","parser","defaultValue","default","attrs","route","useRoute","formGrid","useFormGrid","editData","routeMeta","title","computed","_props","formData","modelValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,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,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,cAAAA;AAAAA,MACEL,MAAAA;AAAAA,MACAM,SAAAA;AAAAA,IACF;AAAA;;IAEaC,OAAAA;AAAAA,EAAM,GAAA;iBAGnBC,IAAAC,EAAA,GACAC,IAAAC,EAAA;;MACkBC,UAAAA;AAAAA,aAClBC,IAAAL,EAAA,MAEAM,IAAAC,EAAA,MAAAC,EAAA,SAAAA,EAAA,MAAA;mFAOEC,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,MAAAA,EAAAA,MAAAA,iBAKAA,EAAAA,EAAAA,MAAAA,IAAAA,EAAAA,OAAAA,EAAAA,EAAAA,MAAAA,CAAAA;;MAK8B,QAAA,CAAA,UAAA,MAAA;AAAA,MACF,QAAAD,EAAA;AAAA,IACL,GAAA;AAAA,MAAAV,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA;;;QAKA,OAAAI,IAAA,cAAAM,EAAA,MAAA,KAAA;AAAA,MACiC,GAAA;AAAA,QAAAV,SAAAA,MAAAA,EAAAA,GAAAA;AAAAA,UAIhDY,YAAAA,EAAAA,EAAAA,MAAAA,IAAAA,OAAAA,EAAAA,EAAAA,MAAAA,CAAAA,IAAAA;AAAAA;;;;MAIA,CAAA,CAAA;AAAA;EAKZ;AACF,CAAA;"}
|
package/dist/hooks/useUpload.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../setup/index.cjs"),e=require("vue"),u=()=>{const r=e.shallowRef([]),t=e.ref(""),o=e.shallowRef(),d=e.shallowRef(),s=e.ref(),l=e.ref();return{fileList:r,action:t,data:o,headers:d,method:s,name:l,beforeUpload:async n=>{const a=await c.skyConfig.dataProvider?.getUploadConfig?.({file:n});a?.data&&(t.value=a.data.action,o.value=a.data.data,d.value=a.data.headers,s.value=a.data.method,l.value=a.data.name,n.upload=a.data.upload)}}};exports.useUpload=u;
|
|
2
2
|
//# sourceMappingURL=useUpload.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUpload.cjs","sources":["../../src/hooks/useUpload.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"useUpload.cjs","sources":["../../src/hooks/useUpload.ts"],"sourcesContent":["import type { SkyUploadRawFile } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport type { UploadUserFile } from 'element-plus'\r\nimport { ref, shallowRef } from 'vue'\r\n\r\n// SkyUploadUserFile = {id:Identifier;name:string;url:string;}\r\nexport type SkyUploadUserFile = UploadUserFile & { upload: Record<string, unknown> }\r\n\r\nexport const useUpload = () => {\r\n const fileList = shallowRef<SkyUploadUserFile[]>([])\r\n const action = ref('')\r\n const data = shallowRef<Record<string, unknown>>()\r\n const headers = shallowRef<Record<string, unknown>>()\r\n const method = ref()\r\n const name = ref<string>()\r\n const beforeUpload = async (rawFile: SkyUploadRawFile) => {\r\n const res = await skyConfig.dataProvider?.getUploadConfig?.({\r\n file: rawFile,\r\n })\r\n if (res?.data) {\r\n action.value = res.data.action\r\n data.value = res.data.data\r\n headers.value = res.data.headers\r\n method.value = res.data.method\r\n name.value = res.data.name\r\n rawFile.upload = res.data.upload\r\n }\r\n }\r\n\r\n return {\r\n fileList,\r\n action,\r\n data,\r\n headers,\r\n method,\r\n name,\r\n beforeUpload,\r\n }\r\n}\r\n"],"names":["useUpload","fileList","shallowRef","action","ref","data","headers","method","name","rawFile","res","skyConfig"],"mappings":"uIAQaA,EAAY,IAAM,CAC7B,MAAMC,EAAWC,EAAAA,WAAgC,EAAE,EAC7CC,EAASC,EAAAA,IAAI,EAAE,EACfC,EAAOH,EAAAA,WAAA,EACPI,EAAUJ,EAAAA,WAAA,EACVK,EAASH,EAAAA,IAAA,EACTI,EAAOJ,EAAAA,IAAA,EAeb,MAAO,CACL,SAAAH,EACA,OAAAE,EACA,KAAAE,EACA,QAAAC,EACA,OAAAC,EACA,KAAAC,EACA,aArBmB,MAAOC,GAA8B,CACxD,MAAMC,EAAM,MAAMC,YAAU,cAAc,kBAAkB,CAC1D,KAAMF,CAAA,CACP,EACGC,GAAK,OACPP,EAAO,MAAQO,EAAI,KAAK,OACxBL,EAAK,MAAQK,EAAI,KAAK,KACtBJ,EAAQ,MAAQI,EAAI,KAAK,QACzBH,EAAO,MAAQG,EAAI,KAAK,OACxBF,EAAK,MAAQE,EAAI,KAAK,KACtBD,EAAQ,OAASC,EAAI,KAAK,OAE9B,CASE,CAEJ"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { SkyUploadRawFile } from '../provides';
|
|
2
2
|
import { UploadUserFile } from 'element-plus';
|
|
3
3
|
export type SkyUploadUserFile = UploadUserFile & {
|
|
4
|
-
|
|
4
|
+
upload: Record<string, unknown>;
|
|
5
5
|
};
|
|
6
|
-
export declare const useUpload: (
|
|
6
|
+
export declare const useUpload: () => {
|
|
7
7
|
fileList: import('vue').ShallowRef<SkyUploadUserFile[], SkyUploadUserFile[]>;
|
|
8
|
+
action: import('vue').Ref<string, string>;
|
|
9
|
+
data: import('vue').ShallowRef<Record<string, unknown> | undefined, Record<string, unknown> | undefined>;
|
|
10
|
+
headers: import('vue').ShallowRef<Record<string, unknown> | undefined, Record<string, unknown> | undefined>;
|
|
11
|
+
method: import('vue').Ref<any, any>;
|
|
12
|
+
name: import('vue').Ref<string | undefined, string | undefined>;
|
|
13
|
+
beforeUpload: (rawFile: SkyUploadRawFile) => Promise<void>;
|
|
8
14
|
};
|
package/dist/hooks/useUpload.mjs
CHANGED
|
@@ -1,8 +1,23 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { skyConfig as f } from "../setup/index.mjs";
|
|
2
|
+
import { shallowRef as o, ref as t } from "vue";
|
|
3
|
+
const m = () => {
|
|
4
|
+
const c = o([]), e = t(""), d = o(), n = o(), s = t(), l = t();
|
|
5
|
+
return {
|
|
6
|
+
fileList: c,
|
|
7
|
+
action: e,
|
|
8
|
+
data: d,
|
|
9
|
+
headers: n,
|
|
10
|
+
method: s,
|
|
11
|
+
name: l,
|
|
12
|
+
beforeUpload: async (r) => {
|
|
13
|
+
const a = await f.dataProvider?.getUploadConfig?.({
|
|
14
|
+
file: r
|
|
15
|
+
});
|
|
16
|
+
a?.data && (e.value = a.data.action, d.value = a.data.data, n.value = a.data.headers, s.value = a.data.method, l.value = a.data.name, r.upload = a.data.upload);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
};
|
|
5
20
|
export {
|
|
6
|
-
|
|
21
|
+
m as useUpload
|
|
7
22
|
};
|
|
8
23
|
//# sourceMappingURL=useUpload.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUpload.mjs","sources":["../../src/hooks/useUpload.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"useUpload.mjs","sources":["../../src/hooks/useUpload.ts"],"sourcesContent":["import type { SkyUploadRawFile } from '@/provides'\r\nimport { skyConfig } from '@/setup'\r\nimport type { UploadUserFile } from 'element-plus'\r\nimport { ref, shallowRef } from 'vue'\r\n\r\n// SkyUploadUserFile = {id:Identifier;name:string;url:string;}\r\nexport type SkyUploadUserFile = UploadUserFile & { upload: Record<string, unknown> }\r\n\r\nexport const useUpload = () => {\r\n const fileList = shallowRef<SkyUploadUserFile[]>([])\r\n const action = ref('')\r\n const data = shallowRef<Record<string, unknown>>()\r\n const headers = shallowRef<Record<string, unknown>>()\r\n const method = ref()\r\n const name = ref<string>()\r\n const beforeUpload = async (rawFile: SkyUploadRawFile) => {\r\n const res = await skyConfig.dataProvider?.getUploadConfig?.({\r\n file: rawFile,\r\n })\r\n if (res?.data) {\r\n action.value = res.data.action\r\n data.value = res.data.data\r\n headers.value = res.data.headers\r\n method.value = res.data.method\r\n name.value = res.data.name\r\n rawFile.upload = res.data.upload\r\n }\r\n }\r\n\r\n return {\r\n fileList,\r\n action,\r\n data,\r\n headers,\r\n method,\r\n name,\r\n beforeUpload,\r\n }\r\n}\r\n"],"names":["useUpload","fileList","shallowRef","action","ref","data","headers","method","name","rawFile","res","skyConfig"],"mappings":";;AAQO,MAAMA,IAAY,MAAM;AAC7B,QAAMC,IAAWC,EAAgC,EAAE,GAC7CC,IAASC,EAAI,EAAE,GACfC,IAAOH,EAAA,GACPI,IAAUJ,EAAA,GACVK,IAASH,EAAA,GACTI,IAAOJ,EAAA;AAeb,SAAO;AAAA,IACL,UAAAH;AAAA,IACA,QAAAE;AAAA,IACA,MAAAE;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cArBmB,OAAOC,MAA8B;AACxD,YAAMC,IAAM,MAAMC,EAAU,cAAc,kBAAkB;AAAA,QAC1D,MAAMF;AAAA,MAAA,CACP;AACD,MAAIC,GAAK,SACPP,EAAO,QAAQO,EAAI,KAAK,QACxBL,EAAK,QAAQK,EAAI,KAAK,MACtBJ,EAAQ,QAAQI,EAAI,KAAK,SACzBH,EAAO,QAAQG,EAAI,KAAK,QACxBF,EAAK,QAAQE,EAAI,KAAK,MACtBD,EAAQ,SAASC,EAAI,KAAK;AAAA,IAE9B;AAAA,EASE;AAEJ;"}
|
package/dist/layouts/default.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("element-plus/es/components/dropdown/style/css");require("element-plus/es/components/dropdown-item/style/css");require("element-plus/es/components/dropdown-menu/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/menu/style/css");require("element-plus/es/components/menu-item/style/css");require("element-plus/es/components/scrollbar/style/css");require("element-plus/es/components/sub-menu/style/css");require("element-plus/es/components/tab-pane/style/css");require("element-plus/es/components/tabs/style/css");require("element-plus/es/components/text/style/css");const e=require("vue"),h=require("../icons/EpFullScreen.cjs"),z=require("../icons/EpRefresh.cjs"),T=require("../icons/FluentFullScreenMinimize20Regular.cjs"),D=require("../icons/NimbusTextSize.cjs"),I=require("../icons/SkyMenuCollapse.cjs"),M=require("../icons/SlTrans.cjs"),R=require("../hooks/useUser.cjs");require("../hooks/usePermission.cjs");const w=require("../hooks/useMenu.cjs"),L=require("../hooks/useTab.cjs"),F=require("../hooks/useRouteKeepAlive.cjs"),f=require("../hooks/useSize.cjs"),P=require("../hooks/useLang.cjs"),p=require("../hooks/useTheme.cjs");require("../hooks/useList.cjs");require("../hooks/useHiddenTitle.cjs");require("../hooks/useForm.cjs");require("../hooks/useShow.cjs");require("../hooks/useReferenceArrayField.cjs");require("../hooks/useTreeWithDetails.cjs");require("../hooks/useFormGrid.cjs");require("../hooks/useReferenceArrayInput.cjs");const C=require("@vueuse/core"),o=require("element-plus"),k=require("vue-i18n"),v=require("vue-router")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("element-plus/es/components/dropdown/style/css");require("element-plus/es/components/dropdown-item/style/css");require("element-plus/es/components/dropdown-menu/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/menu/style/css");require("element-plus/es/components/menu-item/style/css");require("element-plus/es/components/scrollbar/style/css");require("element-plus/es/components/sub-menu/style/css");require("element-plus/es/components/tab-pane/style/css");require("element-plus/es/components/tabs/style/css");require("element-plus/es/components/text/style/css");const e=require("vue"),h=require("../icons/EpFullScreen.cjs"),z=require("../icons/EpRefresh.cjs"),T=require("../icons/FluentFullScreenMinimize20Regular.cjs"),D=require("../icons/NimbusTextSize.cjs"),I=require("../icons/SkyMenuCollapse.cjs"),M=require("../icons/SlTrans.cjs"),R=require("../hooks/useUser.cjs");require("../hooks/usePermission.cjs");const w=require("../hooks/useMenu.cjs"),L=require("../hooks/useTab.cjs"),F=require("../hooks/useRouteKeepAlive.cjs"),f=require("../hooks/useSize.cjs"),P=require("../hooks/useLang.cjs"),p=require("../hooks/useTheme.cjs");require("../hooks/useList.cjs");require("../hooks/useHiddenTitle.cjs");require("../hooks/useForm.cjs");require("../hooks/useShow.cjs");require("../hooks/useReferenceArrayField.cjs");require("../hooks/useTreeWithDetails.cjs");require("../hooks/useFormGrid.cjs");require("../hooks/useReferenceArrayInput.cjs");const V=require("../setup/index.cjs"),C=require("@vueuse/core"),o=require("element-plus"),k=require("vue-i18n"),v=require("vue-router");function g(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const r=e.defineComponent({name:"SkyLayoutPage",setup(){const t=v.useRouter(),a=v.useRoute(),{collapse:u,menus:l}=w.useMenu(),{removeTab:s,lastTab:n,tabs:c}=L.useTab(),{includeList:m,addKeepAlive:y,removeKeepAlive:_}=F.useRouteKeepAlive(),q=N=>{const d=c.value.find(i=>i.routeName===N);d&&t.push({name:d.routeName,params:d.routeParams})},b=N=>{const d=c.value.find(i=>i.routeName===N);d&&(d?.routeKeepAliveName&&_(d.routeKeepAliveName),s(d.routeName),d.routeName===a.name&&n.value&&t.replace({name:n.value.routeName,params:n.value.routeParams}))};e.watch(()=>a.meta,N=>{N.keepAliveName&&y(N.keepAliveName)},{immediate:!0});const S=e.inject(V.skyConfig.getIconFnName);return()=>{let N,d;return e.createVNode("div",{class:"sky-layout"},[e.createVNode("header",{class:"sky-layout__header"},[e.createVNode(r.Logo,null,null),e.createVNode("div",{class:"sky-layout__header-opt"},[e.createVNode(r.ConfigeSize,null,null),e.createVNode(r.ConfigLang,null,null),e.createVNode(r.ConfigTheme,null,null),e.createVNode(r.Fullscreen,null,null),e.createVNode(r.Refresh,null,null),e.createVNode(r.User,null,null)])]),e.createVNode("section",{class:"sky-layout__container"},[e.createVNode("aside",{class:"sky-layout__menu"},[e.createVNode(o.ElScrollbar,null,{default:()=>[e.createVNode(o.ElMenu,{collapse:u.value,"default-active":a.name,"unique-opened":!0,"collapse-transition":!0},g(N=l.value.map(i=>e.createVNode(r.SubMenu,{key:i.routeName,item:i},null)))?N:{default:()=>[N]})]}),e.createVNode("div",{class:"sky-layout__menu-collapse",onClick:()=>u.value=!u.value},[e.createVNode(I.SkyMenuCollapse,null,null)])]),e.createVNode("section",{class:"sky-layout__main"},[e.createVNode("div",{class:"sky-layout__tab"},[e.createVNode(o.ElTabs,{type:"card","model-value":a.name,onTabChange:q,onTabRemove:b},g(d=c.value.map(i=>e.createVNode(o.ElTabPane,{key:i.routeName,name:i.routeName,closable:i.closable},{label:()=>e.createVNode("div",{class:"sky-layout__tab-pane"},[i.icon&&S(i.icon),e.createVNode("span",null,[i.title])])})))?d:{default:()=>[d]})]),e.createVNode("div",{class:"sky-layout__body"},[e.createVNode(o.ElScrollbar,null,{default:()=>[e.createVNode(v.RouterView,null,{default:({Component:i,route:E})=>e.createVNode(e.Transition,{"enter-active-class":"sky-layout-fade-enter-active","enter-from-class":"sky-layout-fade-enter-from","enter-to-class":"sky-layout-fade-enter-to","leave-active-class":"sky-layout-fade-leave-active","leave-from-class":"sky-layout-fade-leave-from","leave-to-class":"sky-layout-fade-leave-to",appear:!0,mode:"out-in"},{default:()=>[e.createVNode(e.KeepAlive,{include:m.value},[e.h(i,{key:E.fullPath})])]})})]})])])])])}}});r.Logo=e.defineComponent({name:"DefaultLayoutPageLogo",setup(){return()=>V.skyConfig.logoImg&&e.createVNode("div",{class:"sky-layout__logo",style:{backgroundImage:`url(${V.skyConfig.logoImg})`}},null)}});r.ConfigeSize=e.defineComponent({name:"DefaultLayoutPageConfigeSize",setup(){const{t}=k.useI18n(),{enabled:a,size:u,select:l}=f.useSize();return()=>a&&e.createVNode("div",{class:"sky-layout__config"},[e.createVNode(o.ElDropdown,{trigger:"click",onCommand:l},{default:()=>e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[u.value]},{default:()=>[e.createVNode(D.NimbusTextSize,null,null)]}),dropdown:()=>{let s;return e.createVNode(o.ElDropdownMenu,null,g(s=Object.values(f.SizeConfig.options).map(n=>{let c;return e.createVNode(o.ElDropdownItem,{key:n.value,command:n.value,disabled:u.value===n.value},g(c=t(n.label))?c:{default:()=>[c]})}))?s:{default:()=>[s]})}})])}});r.ConfigLang=e.defineComponent({name:"DefaultLayoutPageConfigLang",setup(){const{messages:t,t:a,locale:u}=k.useI18n(),{lang:l}=P.useLang(),{size:s}=f.useSize(),n=e.computed(()=>Object.keys(t.value).map(m=>({value:m,label:a(`lang.${m}`)}))),c=m=>{l.value=m,u.value=m};return()=>n.value.length>1?e.createVNode("div",{class:"sky-layout__config"},[e.createVNode(o.ElDropdown,{trigger:"click",onCommand:c},{default:()=>e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[s.value]},{default:()=>[e.createVNode(M.SlTrans,null,null)]}),dropdown:()=>{let m;return e.createVNode(o.ElDropdownMenu,null,g(m=n.value.map(y=>e.createVNode(o.ElDropdownItem,{key:y.value,command:y.value,disabled:l.value===y.value},{default:()=>[y.label]})))?m:{default:()=>[m]})}})]):null}});r.ConfigTheme=e.defineComponent({name:"DefaultLayoutPageConfigTheme",setup(){const{select:t,theme:a}=p.useTheme(),{size:u}=f.useSize();return()=>V.skyConfig.themeEnabled&&e.createVNode("div",{class:"sky-layout__config"},[e.createVNode(o.ElDropdown,{trigger:"click",onCommand:t},{default:()=>e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[u.value]},{default:()=>e.h(p.ThemeConfig[a.value].icon)}),dropdown:()=>{let l;return e.createVNode(o.ElDropdownMenu,null,g(l=Object.values(p.ThemeConfig).map(s=>e.createVNode(o.ElDropdownItem,{key:s.value,command:s.value,disabled:a.value===s.value},{default:()=>[e.createVNode(o.ElIcon,null,{default:()=>e.h(s.icon)})]})))?l:{default:()=>[l]})}})])}});r.Fullscreen=e.defineComponent({name:"DefaultLayoutPageFullscreen",setup(){const{isFullscreen:t,toggle:a}=C.useFullscreen();C.useEventListener("keydown",l=>{l.key==="F11"&&(l.preventDefault(),a())});const{size:u}=f.useSize();return()=>e.createVNode("div",{class:"sky-layout__config",onClick:a},[e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[u.value]},{default:()=>[t.value?e.createVNode(T.FluentFullScreenMinimize20Regular,null,null):e.createVNode(h.EpFullScreen,null,null)]})])}});r.Refresh=e.defineComponent({name:"DefaultLayoutPageRefresh",setup(){const{size:t}=f.useSize(),a=v.useRouter(),u=v.useRoute(),l=()=>{a.replace({name:u.name,query:{t:Date.now()}})};return()=>e.createVNode("div",{class:"sky-layout__config",onClick:l},[e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[t.value]},{default:()=>[e.createVNode(z.EpRefresh,null,null)]})])}});r.User=e.defineComponent({name:"DefaultLayoutPageUser",setup(){const t=v.useRouter(),{t:a}=k.useI18n(),{username:u,logout:l}=R.useUser(),s=n=>{n==="edit"||n==="logout"&&(l(),t.replace({name:V.skyConfig.loginRouteName}))};return()=>u.value&&e.createVNode("div",{class:"sky-layout__config"},[e.createVNode(o.ElDropdown,{trigger:"click",onCommand:s},{default:()=>e.createVNode(o.ElText,null,{default:()=>[u.value]}),dropdown:()=>e.createVNode(o.ElDropdownMenu,null,{default:()=>{let n,c;return e.createVNode(e.Fragment,null,[e.createVNode(o.ElDropdownItem,{command:"edit"},g(n=a("user.edit"))?n:{default:()=>[n]}),e.createVNode(o.ElDropdownItem,{command:"logout"},g(c=a("user.logout"))?c:{default:()=>[c]})])}})})])}});r.SubMenu=e.defineComponent({name:"DefaultLayoutPageSubMenu",props:{item:{type:Object,required:!0}},setup(t){const a=v.useRouter(),u=()=>{a.hasRoute(t.item.routeName)&&a.push({name:t.item.routeName,params:t.item.routeParams})},l=e.inject(V.skyConfig.getIconFnName);return()=>e.createVNode(e.Fragment,null,[t.item.children?.length?e.createVNode(o.ElSubMenu,{index:t.item.routeName},{default:()=>t.item.children.map(s=>e.createVNode(r.SubMenu,{key:s.routeName,item:s},null)),title:()=>e.createVNode(e.Fragment,null,[t.item.icon&&l(t.item.icon),e.createVNode("span",null,[t.item.title])])}):e.createVNode(o.ElMenuItem,{index:t.item.routeName,onClick:u},{default:()=>t.item.icon&&l(t.item.icon),title:()=>t.item.title})])}});exports.default=r;
|
|
2
2
|
//# sourceMappingURL=default.cjs.map
|
package/dist/layouts/default.mjs
CHANGED
|
@@ -32,11 +32,11 @@ import "../hooks/useReferenceArrayField.mjs";
|
|
|
32
32
|
import "../hooks/useTreeWithDetails.mjs";
|
|
33
33
|
import "../hooks/useFormGrid.mjs";
|
|
34
34
|
import "../hooks/useReferenceArrayInput.mjs";
|
|
35
|
+
import { skyConfig as g } from "../setup/index.mjs";
|
|
35
36
|
import { useFullscreen as Z, useEventListener as ee } from "@vueuse/core";
|
|
36
|
-
import { ElScrollbar as E, ElMenu as le, ElTabs as te, ElTabPane as ae, ElDropdown as h, ElDropdownMenu as C, ElDropdownItem as _, ElIcon as
|
|
37
|
+
import { ElScrollbar as E, ElMenu as le, ElTabs as te, ElTabPane as ae, ElDropdown as h, ElDropdownMenu as C, ElDropdownItem as _, ElIcon as k, ElText as oe, ElSubMenu as ue, ElMenuItem as ne } from "element-plus";
|
|
37
38
|
import { useI18n as T } from "vue-i18n";
|
|
38
39
|
import { useRouter as N, useRoute as P, RouterView as ie } from "vue-router";
|
|
39
|
-
import { skyConfig as k } from "../setup/index.mjs";
|
|
40
40
|
function p(l) {
|
|
41
41
|
return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !O(l);
|
|
42
42
|
}
|
|
@@ -72,7 +72,7 @@ const i = /* @__PURE__ */ f({
|
|
|
72
72
|
}, {
|
|
73
73
|
immediate: !0
|
|
74
74
|
});
|
|
75
|
-
const w = M(
|
|
75
|
+
const w = M(g.getIconFnName);
|
|
76
76
|
return () => {
|
|
77
77
|
let d, m;
|
|
78
78
|
return e("div", {
|
|
@@ -150,10 +150,10 @@ const i = /* @__PURE__ */ f({
|
|
|
150
150
|
i.Logo = /* @__PURE__ */ f({
|
|
151
151
|
name: "DefaultLayoutPageLogo",
|
|
152
152
|
setup() {
|
|
153
|
-
return () =>
|
|
153
|
+
return () => g.logoImg && e("div", {
|
|
154
154
|
class: "sky-layout__logo",
|
|
155
155
|
style: {
|
|
156
|
-
backgroundImage: `url(${
|
|
156
|
+
backgroundImage: `url(${g.logoImg})`
|
|
157
157
|
}
|
|
158
158
|
}, null);
|
|
159
159
|
}
|
|
@@ -174,7 +174,7 @@ i.ConfigeSize = /* @__PURE__ */ f({
|
|
|
174
174
|
trigger: "click",
|
|
175
175
|
onCommand: a
|
|
176
176
|
}, {
|
|
177
|
-
default: () => e(
|
|
177
|
+
default: () => e(k, {
|
|
178
178
|
size: y.iconMap[o.value]
|
|
179
179
|
}, {
|
|
180
180
|
default: () => [e($, null, null)]
|
|
@@ -220,7 +220,7 @@ i.ConfigLang = /* @__PURE__ */ f({
|
|
|
220
220
|
trigger: "click",
|
|
221
221
|
onCommand: r
|
|
222
222
|
}, {
|
|
223
|
-
default: () => e(
|
|
223
|
+
default: () => e(k, {
|
|
224
224
|
size: y.iconMap[n.value]
|
|
225
225
|
}, {
|
|
226
226
|
default: () => [e(G, null, null)]
|
|
@@ -249,13 +249,13 @@ i.ConfigTheme = /* @__PURE__ */ f({
|
|
|
249
249
|
} = Y(), {
|
|
250
250
|
size: o
|
|
251
251
|
} = b();
|
|
252
|
-
return () =>
|
|
252
|
+
return () => g.themeEnabled && e("div", {
|
|
253
253
|
class: "sky-layout__config"
|
|
254
254
|
}, [e(h, {
|
|
255
255
|
trigger: "click",
|
|
256
256
|
onCommand: l
|
|
257
257
|
}, {
|
|
258
|
-
default: () => e(
|
|
258
|
+
default: () => e(k, {
|
|
259
259
|
size: y.iconMap[o.value]
|
|
260
260
|
}, {
|
|
261
261
|
default: () => L(z[t.value].icon)
|
|
@@ -267,7 +267,7 @@ i.ConfigTheme = /* @__PURE__ */ f({
|
|
|
267
267
|
command: n.value,
|
|
268
268
|
disabled: t.value === n.value
|
|
269
269
|
}, {
|
|
270
|
-
default: () => [e(
|
|
270
|
+
default: () => [e(k, null, {
|
|
271
271
|
default: () => L(n.icon)
|
|
272
272
|
})]
|
|
273
273
|
}))) ? a : {
|
|
@@ -293,7 +293,7 @@ i.Fullscreen = /* @__PURE__ */ f({
|
|
|
293
293
|
return () => e("div", {
|
|
294
294
|
class: "sky-layout__config",
|
|
295
295
|
onClick: t
|
|
296
|
-
}, [e(
|
|
296
|
+
}, [e(k, {
|
|
297
297
|
size: y.iconMap[o.value]
|
|
298
298
|
}, {
|
|
299
299
|
default: () => [l.value ? e(V, null, null) : e(U, null, null)]
|
|
@@ -316,7 +316,7 @@ i.Refresh = /* @__PURE__ */ f({
|
|
|
316
316
|
return () => e("div", {
|
|
317
317
|
class: "sky-layout__config",
|
|
318
318
|
onClick: a
|
|
319
|
-
}, [e(
|
|
319
|
+
}, [e(k, {
|
|
320
320
|
size: y.iconMap[l.value]
|
|
321
321
|
}, {
|
|
322
322
|
default: () => [e(q, null, null)]
|
|
@@ -333,7 +333,7 @@ i.User = /* @__PURE__ */ f({
|
|
|
333
333
|
logout: a
|
|
334
334
|
} = H(), n = (u) => {
|
|
335
335
|
u === "edit" || u === "logout" && (a(), l.replace({
|
|
336
|
-
name:
|
|
336
|
+
name: g.loginRouteName
|
|
337
337
|
}));
|
|
338
338
|
};
|
|
339
339
|
return () => o.value && e("div", {
|
|
@@ -376,7 +376,7 @@ i.SubMenu = /* @__PURE__ */ f({
|
|
|
376
376
|
name: l.item.routeName,
|
|
377
377
|
params: l.item.routeParams
|
|
378
378
|
});
|
|
379
|
-
}, a = M(
|
|
379
|
+
}, a = M(g.getIconFnName);
|
|
380
380
|
return () => e(S, null, [l.item.children?.length ? e(ue, {
|
|
381
381
|
index: l.item.routeName
|
|
382
382
|
}, {
|
|
@@ -77,7 +77,7 @@ export interface GetManyResult {
|
|
|
77
77
|
data?: Array<Record<string, unknown>>;
|
|
78
78
|
}
|
|
79
79
|
export type SkyUploadRawFile = UploadRawFile & {
|
|
80
|
-
|
|
80
|
+
upload?: Record<string, unknown>;
|
|
81
81
|
};
|
|
82
82
|
export interface GetUploadConfigResult {
|
|
83
83
|
data: {
|
|
@@ -87,11 +87,7 @@ export interface GetUploadConfigResult {
|
|
|
87
87
|
data?: Record<string, unknown>;
|
|
88
88
|
headers?: Record<string, unknown>;
|
|
89
89
|
withCredentials?: boolean;
|
|
90
|
-
|
|
91
|
-
id: Identifier;
|
|
92
|
-
name: string;
|
|
93
|
-
url: string;
|
|
94
|
-
};
|
|
90
|
+
upload: Record<string, unknown>;
|
|
95
91
|
};
|
|
96
92
|
}
|
|
97
93
|
export interface UploadFileParams {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.sky-file-multiple-input.is-file .el-form-item__content>div{width:100%}.sky-file-multiple-input.is-file .el-upload-dragger{background-color:var(--el-fill-color-lighter)}
|
|
1
|
+
.sky-file-multiple-input.is-file .el-form-item__content>div{width:100%}.sky-file-multiple-input.is-file .el-upload-dragger{background-color:var(--el-fill-color-lighter)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sky-file-multiple-model-input .sky-file-multiple-model-input__img{width:100%;height:auto}.sky-file-multiple-model-input .sky-file-multiple-model-input__icon{font-size:67px;color:var(--el-text-color-placeholder);margin-bottom:16px;line-height:50px}.sky-file-multiple-model-input .sky-file-multiple-model-input__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.sky-file-multiple-model-input .sky-file-multiple-model-input__text em{color:var(--el-color-primary);font-style:normal}
|
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sky-avatar-input .sky-avatar-input__preview{width:100%;height:100%;background:center/cover no-repeat}.sky-create{padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-create .el-card{display:flex;flex-direction:column;height:100%}.sky-create .el-card .el-card__body{flex:1;overflow:hidden}.sky-create .sky-create__footer{display:flex}.sky-data-table{position:relative;height:100%}.sky-data-table .sky-data-table__main,.sky-data-table .sky-data-table__main .el-table__inner-wrapper{height:100%}.sky-data-table .sky-data-table__alert{position:absolute;top:0;z-index:10}.sky-data-table .sky-data-table__alert .el-alert__content{padding-left:32px;flex:1}.sky-data-table .sky-data-table__alert .el-alert__description{display:flex;justify-content:space-between;align-items:center}.sky-data-table .sky-data-table__alert .el-alert__close-btn{right:auto;left:16px;top:50%;transform:translateY(-50%)}.sky-edit{padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-edit .el-card{display:flex;flex-direction:column;height:100%}.sky-edit .el-card .el-card__body{flex:1;overflow:hidden}.sky-edit .sky-edit__footer{display:flex;justify-content:space-between}.sky-file-multiple-input.is-file .el-form-item__content>div{width:100%}.sky-file-multiple-input.is-file .el-upload-dragger{background-color:var(--el-fill-color-lighter)}.sky-file-multiple-input .sky-file-multiple-input__img{width:100%;height:auto}.sky-file-multiple-input .sky-file-multiple-input__icon{font-size:67px;color:var(--el-text-color-placeholder);margin-bottom:16px;line-height:50px}.sky-file-multiple-input .sky-file-multiple-input__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.sky-file-multiple-input .sky-file-multiple-input__text em{color:var(--el-color-primary);font-style:normal}.sky-filter{display:flex;flex-wrap:wrap;gap:16px 32px}.sky-filter .el-form-item{margin:0}.sky-image-field{display:flex;flex-direction:column;gap:8px}.sky-image-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-link-field{display:flex;flex-direction:column;gap:8px}.sky-link-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-list{padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-list .el-card{display:flex;flex-direction:column;height:100%}.sky-list .el-card .el-card__body{flex:1;overflow:hidden}.sky-list .sky-list__header{display:flex;align-items:center;justify-content:space-between}.sky-list .sky-list__header_search{display:flex;flex:1;min-width:0}.sky-list .sky-list__pagination{display:flex;justify-content:space-between;padding:8px 16px}.sky-reference-array-field{display:flex;flex-direction:column;gap:8px}.sky-reference-array-field h4{font-size:14px;line-height:1.4;color:#6a7282}.sky-reference-field{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.sky-reference-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-reference-image-field{display:flex;flex-direction:column;gap:8px}.sky-reference-image-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-show-simple-layout{display:flex;flex-direction:column;gap:16px;padding:16px}.sky-show{padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-show .el-card{display:flex;flex-direction:column;height:100%}.sky-show .el-card .el-card__body{flex:1;overflow:hidden}.sky-simple-form{padding:16px}.sky-simple-form.is-grid{display:grid}.sky-single-field-list{display:flex;flex-wrap:wrap;gap:4px}.sky-text-field{display:flex;flex-direction:column;gap:8px}.sky-text-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-tree-with-details{--el-color-primary-light-9: var(--el-color-primary-light-7);padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-tree-with-details .el-tree{background:transparent}.sky-tree-with-details .sky-create,.sky-tree-with-details .sky-edit{padding:0}.sky-layout{--sky-width: 100vw;--sky-height: 100vh;--sky-header-height: 60px;--sky-logo-width: 100px;--sky-logo-height: 30px;--sky-aside-width: 200px;--sky-aisde-collapsed-width: 80px;--sky-tab-height: 40px;--sky-border-color: var(--el-border-color-light);--sky-bg-color: var(--el-bg-color);width:var(--sky-width);height:var(--sky-height);min-width:1000px;background-color:var(--sky-bg-color)}.sky-layout .sky-layout__header{height:var(--sky-header-height);border-bottom:1px solid var(--sky-border-color);display:flex;justify-content:space-between;align-items:center;padding:0 8px}.sky-layout .sky-layout__logo{width:var(--sky-logo-width);height:var(--sky-logo-height);background:transparent center/cover no-repeat}.sky-layout .sky-layout__header-opt{display:flex;align-items:center;gap:8px}.sky-layout .sky-layout__config{display:flex;cursor:pointer}.sky-layout .sky-layout__container{height:calc(var(--sky-height) - var(--sky-header-height));display:flex;overflow:hidden}.sky-layout .sky-layout__menu{position:relative;width:auto;border-right:1px solid var(--sky-border-color)}.sky-layout .sky-layout__menu .el-menu{width:var(--sky-aside-width);border:none}.sky-layout .sky-layout__menu .el-menu.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2)}.sky-layout .sky-layout__menu .sky-layout__menu-collapse{position:absolute;right:-13px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:99}.sky-layout .sky-layout__main{display:flex;flex-direction:column;flex:1;min-width:0}.sky-layout .sky-layout__tab{height:var(--sky-tab-height)}.sky-layout .sky-layout__tab .el-tabs__header{--el-tabs-header-height: var(--sky-tab-height);margin:0}.sky-layout .sky-layout__tab .el-tabs__nav-next,.sky-layout .sky-layout__tab .el-tabs__nav-prev{line-height:40px}.sky-layout .sky-layout__tab .el-tabs__nav-next .el-icon,.sky-layout .sky-layout__tab .el-tabs__nav-prev .el-icon{vertical-align:middle}.sky-layout .sky-layout__tab .el-tabs--card>.el-tabs__header .el-tabs__nav{border:none}.sky-layout .sky-layout__tab .el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:3px solid transparent}.sky-layout .sky-layout__tab .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom:3px solid var(--el-color-primary)}.sky-layout .sky-layout__tab .el-tabs--card>.el-tabs__header .el-tabs__item:last-child{border-right:1px solid var(--el-border-color-light)}.sky-layout .sky-layout__tab .el-tabs--card .el-tabs__nav-next{border-left:1px dashed var(--el-border-color-light)}.sky-layout .sky-layout__tab .el-tabs--card .el-tabs__nav-prev{border-right:1px dashed var(--el-border-color-light)}.sky-layout .sky-layout__tab-pane{display:flex;align-items:center;gap:4px}.sky-layout .sky-layout__body{--sky-layout-body-height: calc( var(--sky-height) - var(--sky-header-height) - var(--sky-tab-height) );--sky-layout-body-padding-top: 20px;--sky-layout-body-padding-left: 30px;height:var(--sky-layout-body-height)}.sky-layout .sky-layout-fade-enter-active{transition:opacity .3s ease-out}.sky-layout .sky-layout-fade-enter-from{opacity:0}.sky-layout .sky-layout-fade-enter-to{opacity:1}.sky-layout .sky-layout-fade-leave-active{transition:opacity .2s ease-in}.sky-layout .sky-layout-fade-leave-from{opacity:1}.sky-layout .sky-layout-fade-leave-to{opacity:0}.sky-page-login{display:flex;justify-content:center;align-items:center;gap:64px;height:100vh;margin:auto;padding:128px;max-width:1024px}@media(min-width:1024px){.sky-page-login{gap:128px}}@media(min-width:768px){.sky-page-login{padding:32px}}.sky-page-login .sky-page-login__back{display:none;width:50%;height:auto}@media(min-width:768px){.sky-page-login .sky-page-login__back{display:block}}.sky-page-login .sky-page-login__main{flex:1;display:flex;flex-direction:column;gap:16px}.sky-page-login .sky-page-login__title{font-size:24px;line-height:1.33}.sky-page-login .sky-page-login__button{width:100%}.sky-page-not-found{height:100vh;display:flex;justify-content:center;align-items:center}
|
|
1
|
+
.sky-avatar-input .sky-avatar-input__preview{width:100%;height:100%;background:center/cover no-repeat}.sky-create{padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-create .el-card{display:flex;flex-direction:column;height:100%}.sky-create .el-card .el-card__body{flex:1;overflow:hidden}.sky-create .sky-create__footer{display:flex}.sky-data-table{position:relative;height:100%}.sky-data-table .sky-data-table__main,.sky-data-table .sky-data-table__main .el-table__inner-wrapper{height:100%}.sky-data-table .sky-data-table__alert{position:absolute;top:0;z-index:10}.sky-data-table .sky-data-table__alert .el-alert__content{padding-left:32px;flex:1}.sky-data-table .sky-data-table__alert .el-alert__description{display:flex;justify-content:space-between;align-items:center}.sky-data-table .sky-data-table__alert .el-alert__close-btn{right:auto;left:16px;top:50%;transform:translateY(-50%)}.sky-edit{padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-edit .el-card{display:flex;flex-direction:column;height:100%}.sky-edit .el-card .el-card__body{flex:1;overflow:hidden}.sky-edit .sky-edit__footer{display:flex;justify-content:space-between}.sky-file-multiple-input.is-file .el-form-item__content>div{width:100%}.sky-file-multiple-input.is-file .el-upload-dragger{background-color:var(--el-fill-color-lighter)}.sky-file-multiple-model-input .sky-file-multiple-model-input__img{width:100%;height:auto}.sky-file-multiple-model-input .sky-file-multiple-model-input__icon{font-size:67px;color:var(--el-text-color-placeholder);margin-bottom:16px;line-height:50px}.sky-file-multiple-model-input .sky-file-multiple-model-input__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.sky-file-multiple-model-input .sky-file-multiple-model-input__text em{color:var(--el-color-primary);font-style:normal}.sky-filter{display:flex;flex-wrap:wrap;gap:16px 32px}.sky-filter .el-form-item{margin:0}.sky-image-field{display:flex;flex-direction:column;gap:8px}.sky-image-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-link-field{display:flex;flex-direction:column;gap:8px}.sky-link-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-list{padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-list .el-card{display:flex;flex-direction:column;height:100%}.sky-list .el-card .el-card__body{flex:1;overflow:hidden}.sky-list .sky-list__header{display:flex;align-items:center;justify-content:space-between}.sky-list .sky-list__header_search{display:flex;flex:1;min-width:0}.sky-list .sky-list__pagination{display:flex;justify-content:space-between;padding:8px 16px}.sky-reference-array-field{display:flex;flex-direction:column;gap:8px}.sky-reference-array-field h4{font-size:14px;line-height:1.4;color:#6a7282}.sky-reference-field{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.sky-reference-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-reference-image-field{display:flex;flex-direction:column;gap:8px}.sky-reference-image-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-show-simple-layout{display:flex;flex-direction:column;gap:16px;padding:16px}.sky-show{padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-show .el-card{display:flex;flex-direction:column;height:100%}.sky-show .el-card .el-card__body{flex:1;overflow:hidden}.sky-simple-form{padding:16px}.sky-simple-form.is-grid{display:grid}.sky-single-field-list{display:flex;flex-wrap:wrap;gap:4px}.sky-text-field{display:flex;flex-direction:column;gap:8px}.sky-text-field h4{font-size:14px;line-height:1.4;color:#6a7282;font-weight:700}.sky-tree-with-details{--el-color-primary-light-9: var(--el-color-primary-light-7);padding:var(--sky-layout-body-padding-top) var(--sky-layout-body-padding-left)}.sky-tree-with-details .el-tree{background:transparent}.sky-tree-with-details .sky-create,.sky-tree-with-details .sky-edit{padding:0}.sky-layout{--sky-width: 100vw;--sky-height: 100vh;--sky-header-height: 60px;--sky-logo-width: 100px;--sky-logo-height: 30px;--sky-aside-width: 200px;--sky-aisde-collapsed-width: 80px;--sky-tab-height: 40px;--sky-border-color: var(--el-border-color-light);--sky-bg-color: var(--el-bg-color);width:var(--sky-width);height:var(--sky-height);min-width:1000px;background-color:var(--sky-bg-color)}.sky-layout .sky-layout__header{height:var(--sky-header-height);border-bottom:1px solid var(--sky-border-color);display:flex;justify-content:space-between;align-items:center;padding:0 8px}.sky-layout .sky-layout__logo{width:var(--sky-logo-width);height:var(--sky-logo-height);background:transparent center/cover no-repeat}.sky-layout .sky-layout__header-opt{display:flex;align-items:center;gap:8px}.sky-layout .sky-layout__config{display:flex;cursor:pointer}.sky-layout .sky-layout__container{height:calc(var(--sky-height) - var(--sky-header-height));display:flex;overflow:hidden}.sky-layout .sky-layout__menu{position:relative;width:auto;border-right:1px solid var(--sky-border-color)}.sky-layout .sky-layout__menu .el-menu{width:var(--sky-aside-width);border:none}.sky-layout .sky-layout__menu .el-menu.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2)}.sky-layout .sky-layout__menu .sky-layout__menu-collapse{position:absolute;right:-13px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:99}.sky-layout .sky-layout__main{display:flex;flex-direction:column;flex:1;min-width:0}.sky-layout .sky-layout__tab{height:var(--sky-tab-height)}.sky-layout .sky-layout__tab .el-tabs__header{--el-tabs-header-height: var(--sky-tab-height);margin:0}.sky-layout .sky-layout__tab .el-tabs__nav-next,.sky-layout .sky-layout__tab .el-tabs__nav-prev{line-height:40px}.sky-layout .sky-layout__tab .el-tabs__nav-next .el-icon,.sky-layout .sky-layout__tab .el-tabs__nav-prev .el-icon{vertical-align:middle}.sky-layout .sky-layout__tab .el-tabs--card>.el-tabs__header .el-tabs__nav{border:none}.sky-layout .sky-layout__tab .el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:3px solid transparent}.sky-layout .sky-layout__tab .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom:3px solid var(--el-color-primary)}.sky-layout .sky-layout__tab .el-tabs--card>.el-tabs__header .el-tabs__item:last-child{border-right:1px solid var(--el-border-color-light)}.sky-layout .sky-layout__tab .el-tabs--card .el-tabs__nav-next{border-left:1px dashed var(--el-border-color-light)}.sky-layout .sky-layout__tab .el-tabs--card .el-tabs__nav-prev{border-right:1px dashed var(--el-border-color-light)}.sky-layout .sky-layout__tab-pane{display:flex;align-items:center;gap:4px}.sky-layout .sky-layout__body{--sky-layout-body-height: calc( var(--sky-height) - var(--sky-header-height) - var(--sky-tab-height) );--sky-layout-body-padding-top: 20px;--sky-layout-body-padding-left: 30px;height:var(--sky-layout-body-height)}.sky-layout .sky-layout-fade-enter-active{transition:opacity .3s ease-out}.sky-layout .sky-layout-fade-enter-from{opacity:0}.sky-layout .sky-layout-fade-enter-to{opacity:1}.sky-layout .sky-layout-fade-leave-active{transition:opacity .2s ease-in}.sky-layout .sky-layout-fade-leave-from{opacity:1}.sky-layout .sky-layout-fade-leave-to{opacity:0}.sky-page-login{display:flex;justify-content:center;align-items:center;gap:64px;height:100vh;margin:auto;padding:128px;max-width:1024px}@media(min-width:1024px){.sky-page-login{gap:128px}}@media(min-width:768px){.sky-page-login{padding:32px}}.sky-page-login .sky-page-login__back{display:none;width:50%;height:auto}@media(min-width:768px){.sky-page-login .sky-page-login__back{display:block}}.sky-page-login .sky-page-login__main{flex:1;display:flex;flex-direction:column;gap:16px}.sky-page-login .sky-page-login__title{font-size:24px;line-height:1.33}.sky-page-login .sky-page-login__button{width:100%}.sky-page-not-found{height:100vh;display:flex;justify-content:center;align-items:center}
|