skyline-vue-admin 0.0.16 → 0.0.18
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/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/index.d.ts +1 -0
- 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/index.cjs +1 -1
- package/dist/index.mjs +32 -30
- package/dist/index.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
|
@@ -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/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./setup/index.cjs"),c=require("./hooks/useUser.cjs"),l=require("./hooks/usePermission.cjs"),k=require("./hooks/useMenu.cjs"),q=require("./hooks/useTab.cjs"),m=require("./hooks/useRouteKeepAlive.cjs"),i=require("./hooks/useSize.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./setup/index.cjs"),c=require("./hooks/useUser.cjs"),l=require("./hooks/usePermission.cjs"),k=require("./hooks/useMenu.cjs"),q=require("./hooks/useTab.cjs"),m=require("./hooks/useRouteKeepAlive.cjs"),i=require("./hooks/useSize.cjs"),p=require("./hooks/useLang.cjs"),t=require("./hooks/useTheme.cjs"),u=require("./hooks/useList.cjs"),n=require("./hooks/useHiddenTitle.cjs"),s=require("./hooks/useForm.cjs"),o=require("./hooks/useShow.cjs"),d=require("./hooks/useReferenceArrayField.cjs"),a=require("./hooks/useTreeWithDetails.cjs"),S=require("./hooks/useFormGrid.cjs"),y=require("./hooks/useReferenceArrayInput.cjs"),R=require("./hooks/useUpload.cjs"),r=require("./router/index.cjs"),F=require("./components/can-access/index.cjs"),x=require("./components/list/index.cjs"),g=require("./components/filter/index.cjs"),h=require("./components/data-table/index.cjs"),T=require("./components/data-table-col/index.cjs"),A=require("./components/edit-button/index.cjs"),$=require("./components/show-button/index.cjs"),f=require("./components/show/index.cjs"),I=require("./components/show-simple-layout/index.cjs"),v=require("./components/text-field/index.cjs"),L=require("./components/image-field/index.cjs"),P=require("./components/reference-image-field/index.cjs"),C=require("./components/reference-array-field/index.cjs"),w=require("./components/single-field-list/index.cjs"),D=require("./components/link-field/index.cjs"),b=require("./components/reference-field/index.cjs"),M=require("./components/create/index.cjs"),N=require("./components/simple-form/index.cjs"),z=require("./components/text-input/index.cjs"),G=require("./components/radio-button-group-input/index.cjs"),W=require("./components/reference-array-input/index.cjs"),B=require("./components/auto-complete-array-input/index.cjs"),E=require("./components/avatar-input/index.cjs"),U=require("./components/file-multiple-input/index.cjs"),H=require("./components/file-multiple-model-input/index.cjs"),K=require("./components/tree-select-input/index.cjs"),j=require("./components/tree-with-details/index.cjs"),O=require("./components/edit/index.cjs"),J=require("./i18n/locales/en.cjs"),Q=require("./i18n/locales/zh-cn.cjs");exports.getCreateRouteName=e.getCreateRouteName;exports.getEditRouteName=e.getEditRouteName;exports.getListRouteName=e.getListRouteName;exports.getRandomRouteName=e.getRandomRouteName;exports.getShowRouteName=e.getShowRouteName;exports.skyAdmin=e.skyAdmin;exports.skyConfig=e.skyConfig;exports.useUser=c.useUser;exports.usePermission=l.usePermission;exports.useMenu=k.useMenu;exports.useTab=q.useTab;exports.useRouteKeepAlive=m.useRouteKeepAlive;exports.SizeConfig=i.SizeConfig;exports.useSize=i.useSize;exports.useLang=p.useLang;exports.ThemeConfig=t.ThemeConfig;exports.useTheme=t.useTheme;exports.useList=u.useList;exports.useProvideList=u.useProvideList;exports.useHiddenTitle=n.useHiddenTitle;exports.useProvideHiddenTitle=n.useProvideHiddenTitle;exports.useForm=s.useForm;exports.useProvideForm=s.useProvideForm;exports.useProvideShow=o.useProvideShow;exports.useShow=o.useShow;exports.useProvideReferenceArrayField=d.useProvideReferenceArrayField;exports.useReferenceArrayField=d.useReferenceArrayField;exports.useProvideTreeWithDetails=a.useProvideTreeWithDetails;exports.useTreeWithDetails=a.useTreeWithDetails;exports.useFormGrid=S.useFormGrid;exports.useProvideFormGrid=S.useProvideFormGrid;exports.useProvideReferenceArrayInput=y.useProvideReferenceArrayInput;exports.useReferenceArrayInput=y.useReferenceArrayInput;exports.useUpload=R.useUpload;exports.addLayoutRoutes=r.addLayoutRoutes;exports.checkAuth=r.checkAuth;exports.getRoutes=r.getRoutes;exports.guard=r.guard;exports.SkyCanAccess=F.SkyCanAccess;exports.SkyList=x.SkyList;exports.SkyFilter=g.SkyFilter;exports.SkyDataTable=h.SkyDataTable;exports.SkyDataTableCol=T.SkyDataTableCol;exports.SkyEditButton=A.SkyEditButton;exports.SkyShowButton=$.SkyShowButton;exports.SkyShow=f.SkyShow;exports.SkyShowSimpleLayout=I.SkyShowSimpleLayout;exports.SkyTextField=v.SkyTextField;exports.SkyImageField=L.SkyImageField;exports.SkyReferenceImageField=P.SkyReferenceImageField;exports.SkyReferenceArrayField=C.SkyReferenceArrayField;exports.SkySingleFieldList=w.SkySingleFieldList;exports.SkyLinkField=D.SkyLinkField;exports.SkyReferenceField=b.SkyReferenceField;exports.SkyCreate=M.SkyCreate;exports.SkySimpleForm=N.SkySimpleForm;exports.SkyTextInput=z.SkyTextInput;exports.SkyRadioButtonGroupInput=G.SkyRadioButtonGroupInput;exports.SkyReferenceArrayInput=W.SkyReferenceArrayInput;exports.SkyAutoCompleteArrayInput=B.SkyAutoCompleteArrayInput;exports.SkyAvatarInput=E.SkyAvatarInput;exports.SkyFileMultipleInput=U.SkyFileMultipleInput;exports.SkyFileMultipleModelInput=H.SkyFileMultipleModelInput;exports.SkyTreeSelectInput=K.SkyTreeSelectInput;exports.SkyTreeWithDetails=j.SkyTreeWithDetails;exports.SkyEdit=O.SkyEdit;exports.en=J.default;exports.zhCn=Q.default;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.mjs
CHANGED
|
@@ -2,16 +2,16 @@ import { getCreateRouteName as o, getEditRouteName as t, getListRouteName as m,
|
|
|
2
2
|
import { useUser as s } from "./hooks/useUser.mjs";
|
|
3
3
|
import { usePermission as S } from "./hooks/usePermission.mjs";
|
|
4
4
|
import { useMenu as d } from "./hooks/useMenu.mjs";
|
|
5
|
-
import { useTab as
|
|
5
|
+
import { useTab as l } from "./hooks/useTab.mjs";
|
|
6
6
|
import { useRouteKeepAlive as R } from "./hooks/useRouteKeepAlive.mjs";
|
|
7
7
|
import { SizeConfig as g, useSize as h } from "./hooks/useSize.mjs";
|
|
8
8
|
import { useLang as A } from "./hooks/useLang.mjs";
|
|
9
9
|
import { ThemeConfig as I, useTheme as v } from "./hooks/useTheme.mjs";
|
|
10
10
|
import { useList as L, useProvideList as P } from "./hooks/useList.mjs";
|
|
11
11
|
import { useHiddenTitle as D, useProvideHiddenTitle as N } from "./hooks/useHiddenTitle.mjs";
|
|
12
|
-
import { useForm as
|
|
13
|
-
import { useProvideShow as
|
|
14
|
-
import { useProvideReferenceArrayField as
|
|
12
|
+
import { useForm as b, useProvideForm as z } from "./hooks/useForm.mjs";
|
|
13
|
+
import { useProvideShow as E, useShow as G } from "./hooks/useShow.mjs";
|
|
14
|
+
import { useProvideReferenceArrayField as H, useReferenceArrayField as U } from "./hooks/useReferenceArrayField.mjs";
|
|
15
15
|
import { useProvideTreeWithDetails as j, useTreeWithDetails as q } from "./hooks/useTreeWithDetails.mjs";
|
|
16
16
|
import { useFormGrid as O, useProvideFormGrid as Q } from "./hooks/useFormGrid.mjs";
|
|
17
17
|
import { useProvideReferenceArrayInput as X, useReferenceArrayInput as Y } from "./hooks/useReferenceArrayInput.mjs";
|
|
@@ -23,7 +23,7 @@ import { SkyFilter as xe } from "./components/filter/index.mjs";
|
|
|
23
23
|
import { SkyDataTable as ae } from "./components/data-table/index.mjs";
|
|
24
24
|
import { SkyDataTableCol as ye } from "./components/data-table-col/index.mjs";
|
|
25
25
|
import { SkyEditButton as ne } from "./components/edit-button/index.mjs";
|
|
26
|
-
import { SkyShowButton as
|
|
26
|
+
import { SkyShowButton as ke } from "./components/show-button/index.mjs";
|
|
27
27
|
import { SkyShow as Fe } from "./components/show/index.mjs";
|
|
28
28
|
import { SkyShowSimpleLayout as he } from "./components/show-simple-layout/index.mjs";
|
|
29
29
|
import { SkyTextField as Ae } from "./components/text-field/index.mjs";
|
|
@@ -31,54 +31,56 @@ import { SkyImageField as Ie } from "./components/image-field/index.mjs";
|
|
|
31
31
|
import { SkyReferenceImageField as Ce } from "./components/reference-image-field/index.mjs";
|
|
32
32
|
import { SkyReferenceArrayField as Pe } from "./components/reference-array-field/index.mjs";
|
|
33
33
|
import { SkySingleFieldList as De } from "./components/single-field-list/index.mjs";
|
|
34
|
-
import { SkyLinkField as
|
|
35
|
-
import { SkyReferenceField as
|
|
36
|
-
import { SkyCreate as
|
|
37
|
-
import { SkySimpleForm as
|
|
34
|
+
import { SkyLinkField as Me } from "./components/link-field/index.mjs";
|
|
35
|
+
import { SkyReferenceField as ze } from "./components/reference-field/index.mjs";
|
|
36
|
+
import { SkyCreate as Ee } from "./components/create/index.mjs";
|
|
37
|
+
import { SkySimpleForm as We } from "./components/simple-form/index.mjs";
|
|
38
38
|
import { SkyTextInput as Ue } from "./components/text-input/index.mjs";
|
|
39
39
|
import { SkyRadioButtonGroupInput as je } from "./components/radio-button-group-input/index.mjs";
|
|
40
40
|
import { SkyReferenceArrayInput as Je } from "./components/reference-array-input/index.mjs";
|
|
41
41
|
import { SkyAutoCompleteArrayInput as Qe } from "./components/auto-complete-array-input/index.mjs";
|
|
42
42
|
import { SkyAvatarInput as Xe } from "./components/avatar-input/index.mjs";
|
|
43
43
|
import { SkyFileMultipleInput as Ze } from "./components/file-multiple-input/index.mjs";
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import { default as ur } from "./i18n/locales/
|
|
44
|
+
import { SkyFileMultipleModelInput as $e } from "./components/file-multiple-model-input/index.mjs";
|
|
45
|
+
import { SkyTreeSelectInput as rr } from "./components/tree-select-input/index.mjs";
|
|
46
|
+
import { SkyTreeWithDetails as tr } from "./components/tree-with-details/index.mjs";
|
|
47
|
+
import { SkyEdit as pr } from "./components/edit/index.mjs";
|
|
48
|
+
import { default as ur } from "./i18n/locales/en.mjs";
|
|
49
|
+
import { default as xr } from "./i18n/locales/zh-cn.mjs";
|
|
49
50
|
export {
|
|
50
51
|
g as SizeConfig,
|
|
51
52
|
Qe as SkyAutoCompleteArrayInput,
|
|
52
53
|
Xe as SkyAvatarInput,
|
|
53
54
|
pe as SkyCanAccess,
|
|
54
|
-
|
|
55
|
+
Ee as SkyCreate,
|
|
55
56
|
ae as SkyDataTable,
|
|
56
57
|
ye as SkyDataTableCol,
|
|
57
|
-
|
|
58
|
+
pr as SkyEdit,
|
|
58
59
|
ne as SkyEditButton,
|
|
59
60
|
Ze as SkyFileMultipleInput,
|
|
61
|
+
$e as SkyFileMultipleModelInput,
|
|
60
62
|
xe as SkyFilter,
|
|
61
63
|
Ie as SkyImageField,
|
|
62
|
-
|
|
64
|
+
Me as SkyLinkField,
|
|
63
65
|
ue as SkyList,
|
|
64
66
|
je as SkyRadioButtonGroupInput,
|
|
65
67
|
Pe as SkyReferenceArrayField,
|
|
66
68
|
Je as SkyReferenceArrayInput,
|
|
67
|
-
|
|
69
|
+
ze as SkyReferenceField,
|
|
68
70
|
Ce as SkyReferenceImageField,
|
|
69
71
|
Fe as SkyShow,
|
|
70
|
-
|
|
72
|
+
ke as SkyShowButton,
|
|
71
73
|
he as SkyShowSimpleLayout,
|
|
72
|
-
|
|
74
|
+
We as SkySimpleForm,
|
|
73
75
|
De as SkySingleFieldList,
|
|
74
76
|
Ae as SkyTextField,
|
|
75
77
|
Ue as SkyTextInput,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
+
rr as SkyTreeSelectInput,
|
|
79
|
+
tr as SkyTreeWithDetails,
|
|
78
80
|
I as ThemeConfig,
|
|
79
81
|
ee as addLayoutRoutes,
|
|
80
82
|
re as checkAuth,
|
|
81
|
-
|
|
83
|
+
ur as en,
|
|
82
84
|
o as getCreateRouteName,
|
|
83
85
|
t as getEditRouteName,
|
|
84
86
|
m as getListRouteName,
|
|
@@ -88,31 +90,31 @@ export {
|
|
|
88
90
|
te as guard,
|
|
89
91
|
u as skyAdmin,
|
|
90
92
|
i as skyConfig,
|
|
91
|
-
|
|
93
|
+
b as useForm,
|
|
92
94
|
O as useFormGrid,
|
|
93
95
|
D as useHiddenTitle,
|
|
94
96
|
A as useLang,
|
|
95
97
|
L as useList,
|
|
96
98
|
d as useMenu,
|
|
97
99
|
S as usePermission,
|
|
98
|
-
|
|
100
|
+
z as useProvideForm,
|
|
99
101
|
Q as useProvideFormGrid,
|
|
100
102
|
N as useProvideHiddenTitle,
|
|
101
103
|
P as useProvideList,
|
|
102
|
-
|
|
104
|
+
H as useProvideReferenceArrayField,
|
|
103
105
|
X as useProvideReferenceArrayInput,
|
|
104
|
-
|
|
106
|
+
E as useProvideShow,
|
|
105
107
|
j as useProvideTreeWithDetails,
|
|
106
108
|
U as useReferenceArrayField,
|
|
107
109
|
Y as useReferenceArrayInput,
|
|
108
110
|
R as useRouteKeepAlive,
|
|
109
|
-
|
|
111
|
+
G as useShow,
|
|
110
112
|
h as useSize,
|
|
111
|
-
|
|
113
|
+
l as useTab,
|
|
112
114
|
v as useTheme,
|
|
113
115
|
q as useTreeWithDetails,
|
|
114
116
|
_ as useUpload,
|
|
115
117
|
s as useUser,
|
|
116
|
-
|
|
118
|
+
xr as zhCn
|
|
117
119
|
};
|
|
118
120
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
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}
|