@ecan-bi/datav 1.1.22 → 1.1.23

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.
Files changed (117) hide show
  1. package/dist/index.es.js +1 -1
  2. package/dist/index.umd.js +1 -1
  3. package/dist/style.css +2 -1
  4. package/es/common/skeleton/Skeleton.vue.js.map +1 -1
  5. package/es/common/skeleton/Skeleton.vue2.js.map +1 -1
  6. package/es/common/spin/Spin.vue.js.map +1 -1
  7. package/es/common/spin/Spin.vue2.js.map +1 -1
  8. package/es/container/border/Border.vue.js.map +1 -1
  9. package/es/container/border/Border.vue2.js.map +1 -1
  10. package/es/container/modal/Modal.vue.js.map +1 -1
  11. package/es/container/modal/Modal.vue2.js.map +1 -1
  12. package/es/container/tabs/Tabs.vue.js.map +1 -1
  13. package/es/container/tabs/Tabs.vue2.js.map +1 -1
  14. package/es/control/button/Button.vue.js.map +1 -1
  15. package/es/control/button/Button.vue2.js.map +1 -1
  16. package/es/control/checkbox/Checkbox.vue.js.map +1 -1
  17. package/es/control/checkbox/Checkbox.vue2.js.map +1 -1
  18. package/es/control/date-picker/DatePicker.vue.js.map +1 -1
  19. package/es/control/date-picker/DatePicker.vue2.js.map +1 -1
  20. package/es/control/input/Input.vue.js.map +1 -1
  21. package/es/control/input/Input.vue2.js.map +1 -1
  22. package/es/control/range-picker/RangePicker.vue.js.map +1 -1
  23. package/es/control/range-picker/RangePicker.vue2.js.map +1 -1
  24. package/es/control/select/Select.vue.js.map +1 -1
  25. package/es/control/select/Select.vue2.js.map +1 -1
  26. package/es/graph/bar/Bar.vue.js.map +1 -1
  27. package/es/graph/bar/Bar.vue2.js.map +1 -1
  28. package/es/graph/combo-graph/ComboGraph.vue.js.map +1 -1
  29. package/es/graph/combo-graph/ComboGraph.vue2.js.map +1 -1
  30. package/es/graph/custom-graph/CustomGraph.vue.js.map +1 -1
  31. package/es/graph/custom-graph/CustomGraph.vue2.js.map +1 -1
  32. package/es/graph/line/Line.vue.js.map +1 -1
  33. package/es/graph/line/Line.vue2.js.map +1 -1
  34. package/es/graph/pie/Pie.vue.js.map +1 -1
  35. package/es/graph/pie/Pie.vue2.js.map +1 -1
  36. package/es/graph/scatter/Scatter.vue.js.map +1 -1
  37. package/es/graph/scatter/Scatter.vue2.js.map +1 -1
  38. package/es/index.js +0 -11218
  39. package/es/map/map/Map.vue.js.map +1 -1
  40. package/es/map/map/Map.vue2.js.map +1 -1
  41. package/es/media/iframe/Iframe.vue.js.map +1 -1
  42. package/es/media/iframe/Iframe.vue2.js.map +1 -1
  43. package/es/media/image/Image.vue.js.map +1 -1
  44. package/es/media/image/Image.vue2.js.map +1 -1
  45. package/es/setting/page-config/PageConfig.vue.js.map +1 -1
  46. package/es/setting/page-config/PageConfig.vue2.js.map +1 -1
  47. package/es/setting/provider-config/ProviderConfig.vue.js.map +1 -1
  48. package/es/setting/provider-config/ProviderConfig.vue2.js.map +1 -1
  49. package/es/table/table/Table.vue.js.map +1 -1
  50. package/es/table/table/Table.vue2.js.map +1 -1
  51. package/es/text/list/List.vue.js.map +1 -1
  52. package/es/text/list/List.vue2.js.map +1 -1
  53. package/es/text/proportion/Proportion.vue.js.map +1 -1
  54. package/es/text/proportion/Proportion.vue2.js.map +1 -1
  55. package/es/text/scroll-text/ScrollText.vue2.js.map +1 -1
  56. package/es/text/text/Text.vue.js.map +1 -1
  57. package/es/text/text/Text.vue2.js.map +1 -1
  58. package/es/text/time-display/TimeDisplay.vue.js.map +1 -1
  59. package/es/text/time-display/TimeDisplay.vue2.js.map +1 -1
  60. package/lib/common/skeleton/Skeleton.vue.js.map +1 -1
  61. package/lib/common/skeleton/Skeleton.vue2.js.map +1 -1
  62. package/lib/common/spin/Spin.vue.js.map +1 -1
  63. package/lib/common/spin/Spin.vue2.js.map +1 -1
  64. package/lib/container/border/Border.vue.js.map +1 -1
  65. package/lib/container/border/Border.vue2.js.map +1 -1
  66. package/lib/container/modal/Modal.vue.js.map +1 -1
  67. package/lib/container/modal/Modal.vue2.js.map +1 -1
  68. package/lib/container/tabs/Tabs.vue.js.map +1 -1
  69. package/lib/container/tabs/Tabs.vue2.js.map +1 -1
  70. package/lib/control/button/Button.vue.js.map +1 -1
  71. package/lib/control/button/Button.vue2.js.map +1 -1
  72. package/lib/control/checkbox/Checkbox.vue.js.map +1 -1
  73. package/lib/control/checkbox/Checkbox.vue2.js.map +1 -1
  74. package/lib/control/date-picker/DatePicker.vue.js.map +1 -1
  75. package/lib/control/date-picker/DatePicker.vue2.js.map +1 -1
  76. package/lib/control/input/Input.vue.js.map +1 -1
  77. package/lib/control/input/Input.vue2.js.map +1 -1
  78. package/lib/control/range-picker/RangePicker.vue.js.map +1 -1
  79. package/lib/control/range-picker/RangePicker.vue2.js.map +1 -1
  80. package/lib/control/select/Select.vue.js.map +1 -1
  81. package/lib/control/select/Select.vue2.js.map +1 -1
  82. package/lib/graph/bar/Bar.vue.js.map +1 -1
  83. package/lib/graph/bar/Bar.vue2.js.map +1 -1
  84. package/lib/graph/combo-graph/ComboGraph.vue.js.map +1 -1
  85. package/lib/graph/combo-graph/ComboGraph.vue2.js.map +1 -1
  86. package/lib/graph/custom-graph/CustomGraph.vue.js.map +1 -1
  87. package/lib/graph/custom-graph/CustomGraph.vue2.js.map +1 -1
  88. package/lib/graph/line/Line.vue.js.map +1 -1
  89. package/lib/graph/line/Line.vue2.js.map +1 -1
  90. package/lib/graph/pie/Pie.vue.js.map +1 -1
  91. package/lib/graph/pie/Pie.vue2.js.map +1 -1
  92. package/lib/graph/scatter/Scatter.vue.js.map +1 -1
  93. package/lib/graph/scatter/Scatter.vue2.js.map +1 -1
  94. package/lib/index.js +0 -11218
  95. package/lib/map/map/Map.vue.js.map +1 -1
  96. package/lib/map/map/Map.vue2.js.map +1 -1
  97. package/lib/media/iframe/Iframe.vue.js.map +1 -1
  98. package/lib/media/iframe/Iframe.vue2.js.map +1 -1
  99. package/lib/media/image/Image.vue.js.map +1 -1
  100. package/lib/media/image/Image.vue2.js.map +1 -1
  101. package/lib/setting/page-config/PageConfig.vue.js.map +1 -1
  102. package/lib/setting/page-config/PageConfig.vue2.js.map +1 -1
  103. package/lib/setting/provider-config/ProviderConfig.vue.js.map +1 -1
  104. package/lib/setting/provider-config/ProviderConfig.vue2.js.map +1 -1
  105. package/lib/style.css +197 -0
  106. package/lib/table/table/Table.vue.js.map +1 -1
  107. package/lib/table/table/Table.vue2.js.map +1 -1
  108. package/lib/text/list/List.vue.js.map +1 -1
  109. package/lib/text/list/List.vue2.js.map +1 -1
  110. package/lib/text/proportion/Proportion.vue.js.map +1 -1
  111. package/lib/text/proportion/Proportion.vue2.js.map +1 -1
  112. package/lib/text/scroll-text/ScrollText.vue2.js.map +1 -1
  113. package/lib/text/text/Text.vue.js.map +1 -1
  114. package/lib/text/text/Text.vue2.js.map +1 -1
  115. package/lib/text/time-display/TimeDisplay.vue.js.map +1 -1
  116. package/lib/text/time-display/TimeDisplay.vue2.js.map +1 -1
  117. package/package.json +9 -6
@@ -1 +1 @@
1
- {"version":3,"file":"Proportion.vue2.js","sources":["../../../src/text/proportion/Proportion.vue"],"sourcesContent":["<template>\n <div class=\"ecan-proportion\" :style=\"style\">\n <a-progress\n class=\"progress\"\n :percent=\"myValue\"\n :width=\"myWidth\"\n :type=\"strokeType\"\n :strokeColor=\"strokeColor\"\n :strokeLinecap=\"strokeLinecap\"\n :trailColor=\"trailColor\"\n :strokeWidth=\"strokeWidth\"\n :gapDegree=\"strokeType === 'dashboard' ? 75 : 0\"\n @click=\"click\"\n >\n <template #format>\n <skeleton v-if=\"loading\" :loading=\"loading\"/>\n <div\n v-else\n class=\"format\"\n :style=\"{\n width: strokeTextWidth,\n fontSize,\n color,\n fontWeight,\n lineHeight\n }\">\n {{ text }}\n </div>\n </template>\n </a-progress>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport 'ant-design-vue/es/progress/style'\nimport { Progress as AProgress } from 'ant-design-vue'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { proportionComponentProps } from './props'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '../../common/skeleton'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n name: 'EcanProportion',\n components: {\n AProgress,\n Skeleton\n },\n props: {\n ...proportionComponentProps\n },\n setup (props) {\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const style = usePickComponentStyle(props)\n const myWidth = computed(() => {\n const width = props.width as string\n return parseFloat(width)\n })\n const myData = ref<{ [key:string]: any }>({})\n watch(() => props.data, () => {\n if (props.dataType === 'static' || unref(pageMode) === 'design') {\n myData.value = props.data as { [key:string]: any }\n }\n }, {\n immediate: true,\n deep: true\n })\n const myValue = computed(() => {\n const data = unref(myData)\n const defaultValue = +(props.variableDefaultValue)\n if (data == null) {\n if (!isNaN(defaultValue)) {\n return defaultValue\n } else {\n return 0\n }\n }\n const variables = (props.text as string).match(/\\{.+\\}/g) || []\n let value\n const valueSet = new Set(Object.keys(data))\n for (let i = 0; i < variables.length; i++) {\n const variable = variables[i]\n const key = variable.slice(1, variable.length - 1)\n if (valueSet.has(key)) {\n value = data[key]\n break\n }\n }\n\n if (typeof value === 'number') {\n value = value * 100\n } else if (typeof value === 'string' && !isNaN(+value)) {\n value = (+value) * 100\n } else if (!isNaN(defaultValue)) {\n value = defaultValue * 100\n } else {\n value = 0\n }\n\n if (props.decimalFormat) {\n value = +value.toFixed(2)\n }\n return value\n })\n const text = computed(() => {\n let text = props.text as string\n if (text === '') return unref(myValue)\n const defaultValue = props.variableDefaultValue as string // 变量默认值\n const data = unref(myData) // { a: 1, b: 2 }\n const variables = (text).match(/\\{.+\\}/g) || []\n for (let i = 0; i < variables.length; i++) {\n const variable = variables[i]\n let statement = variable.slice(1, variable.length - 1) // { a - b} => a - b\n const textVariables = statement.match(/.*/g) // a - b => [a,b]\n for (let j = 0; j < textVariables?.length; j++) { // \"1 - 2\"\n const textVariable = textVariables[i]?.trim()\n if (data[textVariable] != null) {\n statement = statement.replace(textVariable, data[textVariable])\n } else {\n statement = statement.replace(textVariable, defaultValue)\n }\n }\n // 匹配加减乘除\n let usedVariable:number | string = statement\n // 运行表达式\n try {\n if ((/\\w+[+\\-*/%]+\\w+/g).test(statement)) {\n // eslint-disable-next-line no-eval\n const eval2 = eval\n usedVariable = eval2(statement)\n }\n } catch (e) {\n console.error(e)\n }\n if (typeof usedVariable === 'number' || !isNaN(+usedVariable)) {\n usedVariable = (+usedVariable * 100)\n if (props.decimalFormat) {\n usedVariable = usedVariable.toFixed(2)\n }\n }\n text = text.replace(variable, usedVariable + '')\n }\n return text\n })\n const requestData = useRequestData(props)\n const loading = ref(false)\n const handleRequestData = async () => {\n if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n try {\n loading.value = true\n const res = await requestData()\n myData.value = res?.data?.data || {}\n } catch (e) {\n console.error(e)\n } finally {\n loading.value = false\n }\n }\n const refreshData = () => {\n handleRequestData()\n }\n useOnEvent(props, {\n refreshData\n })\n\n const emitEvent = useEmitEvent(props)\n\n const click = emitEvent('click', () => {})\n\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n\n setRequest({\n id: props.id as string,\n requestFn: handleRequestData,\n sortNum: props.requestSort as number\n })\n\n return {\n style,\n myWidth,\n text,\n myValue,\n loading,\n click\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.ecan-proportion {\n overflow: hidden;\n}\n\n.progress {\n width: 100%;\n height: 100%;\n}\n\n.format {\n margin: 0 auto;\n}\n</style>\n"],"names":["AProgress","text"],"mappings":"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"}
1
+ {"version":3,"file":"Proportion.vue2.js","sources":["../../../src/text/proportion/Proportion.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport 'ant-design-vue/es/progress/style'\nimport { Progress as AProgress } from 'ant-design-vue'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { proportionComponentProps } from './props'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '../../common/skeleton'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n name: 'EcanProportion',\n components: {\n AProgress,\n Skeleton\n },\n props: {\n ...proportionComponentProps\n },\n setup (props) {\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const style = usePickComponentStyle(props)\n const myWidth = computed(() => {\n const width = props.width as string\n return parseFloat(width)\n })\n const myData = ref<{ [key:string]: any }>({})\n watch(() => props.data, () => {\n if (props.dataType === 'static' || unref(pageMode) === 'design') {\n myData.value = props.data as { [key:string]: any }\n }\n }, {\n immediate: true,\n deep: true\n })\n const myValue = computed(() => {\n const data = unref(myData)\n const defaultValue = +(props.variableDefaultValue)\n if (data == null) {\n if (!isNaN(defaultValue)) {\n return defaultValue\n } else {\n return 0\n }\n }\n const variables = (props.text as string).match(/\\{.+\\}/g) || []\n let value\n const valueSet = new Set(Object.keys(data))\n for (let i = 0; i < variables.length; i++) {\n const variable = variables[i]\n const key = variable.slice(1, variable.length - 1)\n if (valueSet.has(key)) {\n value = data[key]\n break\n }\n }\n\n if (typeof value === 'number') {\n value = value * 100\n } else if (typeof value === 'string' && !isNaN(+value)) {\n value = (+value) * 100\n } else if (!isNaN(defaultValue)) {\n value = defaultValue * 100\n } else {\n value = 0\n }\n\n if (props.decimalFormat) {\n value = +value.toFixed(2)\n }\n return value\n })\n const text = computed(() => {\n let text = props.text as string\n if (text === '') return unref(myValue)\n const defaultValue = props.variableDefaultValue as string // 变量默认值\n const data = unref(myData) // { a: 1, b: 2 }\n const variables = (text).match(/\\{.+\\}/g) || []\n for (let i = 0; i < variables.length; i++) {\n const variable = variables[i]\n let statement = variable.slice(1, variable.length - 1) // { a - b} => a - b\n const textVariables = statement.match(/.*/g) // a - b => [a,b]\n for (let j = 0; j < textVariables?.length; j++) { // \"1 - 2\"\n const textVariable = textVariables[i]?.trim()\n if (data[textVariable] != null) {\n statement = statement.replace(textVariable, data[textVariable])\n } else {\n statement = statement.replace(textVariable, defaultValue)\n }\n }\n // 匹配加减乘除\n let usedVariable:number | string = statement\n // 运行表达式\n try {\n if ((/\\w+[+\\-*/%]+\\w+/g).test(statement)) {\n // eslint-disable-next-line no-eval\n const eval2 = eval\n usedVariable = eval2(statement)\n }\n } catch (e) {\n console.error(e)\n }\n if (typeof usedVariable === 'number' || !isNaN(+usedVariable)) {\n usedVariable = (+usedVariable * 100)\n if (props.decimalFormat) {\n usedVariable = usedVariable.toFixed(2)\n }\n }\n text = text.replace(variable, usedVariable + '')\n }\n return text\n })\n const requestData = useRequestData(props)\n const loading = ref(false)\n const handleRequestData = async () => {\n if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n try {\n loading.value = true\n const res = await requestData()\n myData.value = res?.data?.data || {}\n } catch (e) {\n console.error(e)\n } finally {\n loading.value = false\n }\n }\n const refreshData = () => {\n handleRequestData()\n }\n useOnEvent(props, {\n refreshData\n })\n\n const emitEvent = useEmitEvent(props)\n\n const click = emitEvent('click', () => {})\n\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n\n setRequest({\n id: props.id as string,\n requestFn: handleRequestData,\n sortNum: props.requestSort as number\n })\n\n return {\n style,\n myWidth,\n text,\n myValue,\n loading,\n click\n }\n }\n})\n"],"names":["AProgress","text"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollText.vue2.js","sources":["../../../src/text/scroll-text/ScrollText.vue"],"sourcesContent":["<template>\n <div class=\"red\">\n {{ text }}\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nexport default defineComponent({\n name: 'EcanScrollText',\n setup () {\n const text = ref('基础文本')\n return {\n text\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.red {\n color: red;\n}\n</style>\n"],"names":[],"mappings":";AAQA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAS;AACD,UAAA,OAAO,IAAI,MAAM;AAChB,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"ScrollText.vue2.js","sources":["../../../src/text/scroll-text/ScrollText.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, ref } from 'vue'\nexport default defineComponent({\n name: 'EcanScrollText',\n setup () {\n const text = ref('基础文本')\n return {\n text\n }\n }\n})\n"],"names":[],"mappings":";AAEA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAS;AACD,UAAA,OAAO,IAAI,MAAM;AAChB,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.vue.js","sources":["../../../src/text/text/Text.vue"],"sourcesContent":["<template>\n <div class=\"skeleton-wrapper\" :style=\"style\" v-if=\"loading\">\n <skeleton :loading=\"loading\"/>\n </div>\n <div class=\"ecan-text\" :style=\"style\" v-html=\"myText\" @click=\"click\" v-else/>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { textComponentProps } from './props'\nimport {\n usePickComponentStyle,\n useRequestData,\n useOnEvent,\n useEmitEvent,\n usePageUrl,\n useVariablesInText\n} from '@/hooks'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '@/common/skeleton/Skeleton.vue'\nimport goUp from '@/assets/go-up.png'\nimport goDown from '@/assets/go-down.png'\nimport { RequestModalParam } from '@/utils/types'\nimport { formatMoney } from '@/utils/util'\n\nexport default defineComponent({\n name: 'EcanText',\n components: { Skeleton },\n props: {\n ...textComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myData = ref({} as { [key:string]:any })\n watch(() => [props.data, props.dataType], ([data, dataType]) => {\n if (dataType === 'static') {\n myData.value = data as { [key: string]: any }\n }\n }, {\n immediate: true\n })\n const myText = computed(() => {\n const data = unref(myData)\n let text = props.text as string\n text = text?.replace(/\\n|\\\\n/g, '<br/>')\n text = text?.replace(/\\s/g, '&nbsp;')\n const variables = (text).match(/\\{\\s*[\\w\\u4e00-\\u9fa5]*\\s*\\}/g)\n if (variables == null || variables.length === 0) return text\n for (let i = 0; i < variables.length; i++) {\n const variable = variables[i]\n const v = variable?.slice(1, variable.length - 1)?.trim()\n let usedVariable = data[v]\n // 能取到变量值\n if (usedVariable != null) {\n // 涨跌幅\n const format = props.format\n if (format === 'percentage') {\n // 判断是数字类型\n usedVariable = +usedVariable\n if (!isNaN(usedVariable)) {\n usedVariable = (usedVariable * 100).toFixed(2)\n // 如果大于等于 0\n if (usedVariable >= 0) {\n text = text.replace(variable, `<span style=\"color:#ED6643;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goUp}\"/>${usedVariable}%</span>`)\n } else {\n // 如果小于 0\n text = text.replace(variable, `<span style=\"color: #6ACB97;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goDown}\"/>${Math.abs(usedVariable)}%</span>`)\n }\n } else {\n // 判断不是数字类型\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${0.00}%</span>`)\n }\n } else if (format === 'percent') {\n // 百分数\n // 判断是数字类型\n usedVariable = +usedVariable\n if (!isNaN(usedVariable)) {\n usedVariable = (usedVariable * 100).toFixed(2)\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}%</span>`)\n }\n } else if (props.format === 'money') {\n // 金额格式化\n usedVariable = +usedVariable\n if (!isNaN(usedVariable)) {\n usedVariable = formatMoney(usedVariable)\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n }\n } else {\n /// 没有使用百分格式化\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n }\n } else {\n // 不能取到变量值\n text = text.replace(variable, props.variableDefaultValue as string)\n }\n }\n return `<span>${text}</span>`\n })\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const requestData = useRequestData(props)\n const loading = ref(false)\n const handleRequestData = async () => {\n if (unref(pageMode) === 'design') return\n try {\n loading.value = true\n const res = await requestData()\n myData.value = res?.data?.data || {}\n } catch (e) {\n console.error(e)\n } finally {\n loading.value = false\n }\n }\n const refreshData = () => {\n if (props.dataType === 'static') return\n handleRequestData()\n }\n\n useOnEvent(props, {\n refreshData\n })\n\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n\n setRequest({\n id: props.id as string,\n requestFn: refreshData,\n sortNum: props.requestSort as number\n })\n useOnEvent(props, {\n refreshData\n })\n\n const emitEvent = useEmitEvent(props)\n\n const click = emitEvent('click', () => {\n // 空链接、空页面直接 return\n if (!props.linkPage && !props.href) return\n const linkPage = (props.linkPage || '') as string\n const pageUrl = usePageUrl(unref(pageMode), linkPage)\n // 优先使用外部链接,再使用url\n const href = props.href as string\n let url = href || pageUrl\n url = useVariablesInText(url)\n const target = props.target\n if (target == null || target === '') return\n if (target !== 'event') {\n window.open(url, '_' + (target as string))\n } else {\n window.parent.postMessage({\n type: 'openPage',\n url: href\n }, '*')\n }\n })\n\n return {\n style,\n myText,\n loading,\n click\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.skeleton-wrapper {\n overflow: hidden;\n}\n\n.ecan-text {\n overflow: hidden;\n display: flex;\n}\n</style>\n"],"names":["_resolveComponent","_createElementBlock","_normalizeStyle","_openBlock"],"mappings":";;;;;;AAC4D,QAAA,sBAAAA,iBAAA,UAAA;sCAA7BC,mBAAA,OAAA;AAAA,IAAE,KAAK;AAAA,IAAA,OAAA;AAAA,IAClC,OAA8BC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBAEhC,qBAA6E,EAAA,SAAA,KAAA,QAAA,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA;AAAA,EAAA,GAAA,CAAA,MAAAC,aAAvDF,mBAAA,OAAA;AAAA,IAAE,KAAK;AAAA,IAAS,OAAA;AAAA,IAAiB,OAAKC,eAAA,KAAA,KAAA;AAAA,IAAA,WAAA,KAAA;AAAA;;;;"}
1
+ {"version":3,"file":"Text.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.vue2.js","sources":["../../../src/text/text/Text.vue"],"sourcesContent":["<template>\n <div class=\"skeleton-wrapper\" :style=\"style\" v-if=\"loading\">\n <skeleton :loading=\"loading\"/>\n </div>\n <div class=\"ecan-text\" :style=\"style\" v-html=\"myText\" @click=\"click\" v-else/>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { textComponentProps } from './props'\nimport {\n usePickComponentStyle,\n useRequestData,\n useOnEvent,\n useEmitEvent,\n usePageUrl,\n useVariablesInText\n} from '@/hooks'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '@/common/skeleton/Skeleton.vue'\nimport goUp from '@/assets/go-up.png'\nimport goDown from '@/assets/go-down.png'\nimport { RequestModalParam } from '@/utils/types'\nimport { formatMoney } from '@/utils/util'\n\nexport default defineComponent({\n name: 'EcanText',\n components: { Skeleton },\n props: {\n ...textComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myData = ref({} as { [key:string]:any })\n watch(() => [props.data, props.dataType], ([data, dataType]) => {\n if (dataType === 'static') {\n myData.value = data as { [key: string]: any }\n }\n }, {\n immediate: true\n })\n const myText = computed(() => {\n const data = unref(myData)\n let text = props.text as string\n text = text?.replace(/\\n|\\\\n/g, '<br/>')\n text = text?.replace(/\\s/g, '&nbsp;')\n const variables = (text).match(/\\{\\s*[\\w\\u4e00-\\u9fa5]*\\s*\\}/g)\n if (variables == null || variables.length === 0) return text\n for (let i = 0; i < variables.length; i++) {\n const variable = variables[i]\n const v = variable?.slice(1, variable.length - 1)?.trim()\n let usedVariable = data[v]\n // 能取到变量值\n if (usedVariable != null) {\n // 涨跌幅\n const format = props.format\n if (format === 'percentage') {\n // 判断是数字类型\n usedVariable = +usedVariable\n if (!isNaN(usedVariable)) {\n usedVariable = (usedVariable * 100).toFixed(2)\n // 如果大于等于 0\n if (usedVariable >= 0) {\n text = text.replace(variable, `<span style=\"color:#ED6643;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goUp}\"/>${usedVariable}%</span>`)\n } else {\n // 如果小于 0\n text = text.replace(variable, `<span style=\"color: #6ACB97;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goDown}\"/>${Math.abs(usedVariable)}%</span>`)\n }\n } else {\n // 判断不是数字类型\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${0.00}%</span>`)\n }\n } else if (format === 'percent') {\n // 百分数\n // 判断是数字类型\n usedVariable = +usedVariable\n if (!isNaN(usedVariable)) {\n usedVariable = (usedVariable * 100).toFixed(2)\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}%</span>`)\n }\n } else if (props.format === 'money') {\n // 金额格式化\n usedVariable = +usedVariable\n if (!isNaN(usedVariable)) {\n usedVariable = formatMoney(usedVariable)\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n }\n } else {\n /// 没有使用百分格式化\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n }\n } else {\n // 不能取到变量值\n text = text.replace(variable, props.variableDefaultValue as string)\n }\n }\n return `<span>${text}</span>`\n })\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const requestData = useRequestData(props)\n const loading = ref(false)\n const handleRequestData = async () => {\n if (unref(pageMode) === 'design') return\n try {\n loading.value = true\n const res = await requestData()\n myData.value = res?.data?.data || {}\n } catch (e) {\n console.error(e)\n } finally {\n loading.value = false\n }\n }\n const refreshData = () => {\n if (props.dataType === 'static') return\n handleRequestData()\n }\n\n useOnEvent(props, {\n refreshData\n })\n\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n\n setRequest({\n id: props.id as string,\n requestFn: refreshData,\n sortNum: props.requestSort as number\n })\n useOnEvent(props, {\n refreshData\n })\n\n const emitEvent = useEmitEvent(props)\n\n const click = emitEvent('click', () => {\n // 空链接、空页面直接 return\n if (!props.linkPage && !props.href) return\n const linkPage = (props.linkPage || '') as string\n const pageUrl = usePageUrl(unref(pageMode), linkPage)\n // 优先使用外部链接,再使用url\n const href = props.href as string\n let url = href || pageUrl\n url = useVariablesInText(url)\n const target = props.target\n if (target == null || target === '') return\n if (target !== 'event') {\n window.open(url, '_' + (target as string))\n } else {\n window.parent.postMessage({\n type: 'openPage',\n url: href\n }, '*')\n }\n })\n\n return {\n style,\n myText,\n loading,\n click\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.skeleton-wrapper {\n overflow: hidden;\n}\n\n.ecan-text {\n overflow: hidden;\n display: flex;\n}\n</style>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Text.vue2.js","sources":["../../../src/text/text/Text.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport { textComponentProps } from './props'\nimport {\n usePickComponentStyle,\n useRequestData,\n useOnEvent,\n useEmitEvent,\n usePageUrl,\n useVariablesInText\n} from '@/hooks'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '@/common/skeleton/Skeleton.vue'\nimport goUp from '@/assets/go-up.png'\nimport goDown from '@/assets/go-down.png'\nimport { RequestModalParam } from '@/utils/types'\nimport { formatMoney } from '@/utils/util'\n\nexport default defineComponent({\n name: 'EcanText',\n components: { Skeleton },\n props: {\n ...textComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myData = ref({} as { [key:string]:any })\n watch(() => [props.data, props.dataType], ([data, dataType]) => {\n if (dataType === 'static') {\n myData.value = data as { [key: string]: any }\n }\n }, {\n immediate: true\n })\n const myText = computed(() => {\n const data = unref(myData)\n let text = props.text as string\n text = text?.replace(/\\n|\\\\n/g, '<br/>')\n text = text?.replace(/\\s/g, '&nbsp;')\n const variables = (text).match(/\\{\\s*[\\w\\u4e00-\\u9fa5]*\\s*\\}/g)\n if (variables == null || variables.length === 0) return text\n for (let i = 0; i < variables.length; i++) {\n const variable = variables[i]\n const v = variable?.slice(1, variable.length - 1)?.trim()\n let usedVariable = data[v]\n // 能取到变量值\n if (usedVariable != null) {\n // 涨跌幅\n const format = props.format\n if (format === 'percentage') {\n // 判断是数字类型\n usedVariable = +usedVariable\n if (!isNaN(usedVariable)) {\n usedVariable = (usedVariable * 100).toFixed(2)\n // 如果大于等于 0\n if (usedVariable >= 0) {\n text = text.replace(variable, `<span style=\"color:#ED6643;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goUp}\"/>${usedVariable}%</span>`)\n } else {\n // 如果小于 0\n text = text.replace(variable, `<span style=\"color: #6ACB97;font-size:${props.variableFontSize}\"><img style=\"width: ${props.variableFontSize}\" src=\"${goDown}\"/>${Math.abs(usedVariable)}%</span>`)\n }\n } else {\n // 判断不是数字类型\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${0.00}%</span>`)\n }\n } else if (format === 'percent') {\n // 百分数\n // 判断是数字类型\n usedVariable = +usedVariable\n if (!isNaN(usedVariable)) {\n usedVariable = (usedVariable * 100).toFixed(2)\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}%</span>`)\n }\n } else if (props.format === 'money') {\n // 金额格式化\n usedVariable = +usedVariable\n if (!isNaN(usedVariable)) {\n usedVariable = formatMoney(usedVariable)\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n }\n } else {\n /// 没有使用百分格式化\n text = text.replace(variable, `<span style=\"color:${props.variableColor};font-size:${props.variableFontSize}\">${usedVariable}</span>`)\n }\n } else {\n // 不能取到变量值\n text = text.replace(variable, props.variableDefaultValue as string)\n }\n }\n return `<span>${text}</span>`\n })\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const requestData = useRequestData(props)\n const loading = ref(false)\n const handleRequestData = async () => {\n if (unref(pageMode) === 'design') return\n try {\n loading.value = true\n const res = await requestData()\n myData.value = res?.data?.data || {}\n } catch (e) {\n console.error(e)\n } finally {\n loading.value = false\n }\n }\n const refreshData = () => {\n if (props.dataType === 'static') return\n handleRequestData()\n }\n\n useOnEvent(props, {\n refreshData\n })\n\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n\n setRequest({\n id: props.id as string,\n requestFn: refreshData,\n sortNum: props.requestSort as number\n })\n useOnEvent(props, {\n refreshData\n })\n\n const emitEvent = useEmitEvent(props)\n\n const click = emitEvent('click', () => {\n // 空链接、空页面直接 return\n if (!props.linkPage && !props.href) return\n const linkPage = (props.linkPage || '') as string\n const pageUrl = usePageUrl(unref(pageMode), linkPage)\n // 优先使用外部链接,再使用url\n const href = props.href as string\n let url = href || pageUrl\n url = useVariablesInText(url)\n const target = props.target\n if (target == null || target === '') return\n if (target !== 'event') {\n window.open(url, '_' + (target as string))\n } else {\n window.parent.postMessage({\n type: 'openPage',\n url: href\n }, '*')\n }\n })\n\n return {\n style,\n myText,\n loading,\n click\n }\n }\n})\n"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimeDisplay.vue.js","sources":["../../../src/text/time-display/TimeDisplay.vue"],"sourcesContent":["<template>\n <div class=\"time-display\" :style=\"style\">\n {{ time }}\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, onUnmounted, ref } from 'vue'\nimport { timeDisplayComponentProps } from './props'\nimport dayjs from 'dayjs'\nimport { usePickComponentStyle } from '../../hooks'\nexport default defineComponent({\n name: 'EcanTimeDisplay',\n props: {\n ...timeDisplayComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const time = ref(dayjs().format(props.format as string))\n let timer = null\n const clearTimer = () => {\n clearInterval(timer)\n timer = null\n }\n const setTimer = () => {\n if (timer) {\n clearTimer()\n }\n timer = setInterval(() => {\n time.value = dayjs().add(1, 's').format(props.format as string)\n }, 1000)\n }\n onMounted(() => {\n setTimer()\n })\n onUnmounted(() => {\n clearTimer()\n })\n return {\n style,\n time\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.time-display {\n overflow: hidden;\n display: table-cell;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;AACY,SAAA,YAAC,MAAc,QAAA,QAAA,QAAA,OAAA,UAAA;SAAOA,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA;;;;"}
1
+ {"version":3,"file":"TimeDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimeDisplay.vue2.js","sources":["../../../src/text/time-display/TimeDisplay.vue"],"sourcesContent":["<template>\n <div class=\"time-display\" :style=\"style\">\n {{ time }}\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, onMounted, onUnmounted, ref } from 'vue'\nimport { timeDisplayComponentProps } from './props'\nimport dayjs from 'dayjs'\nimport { usePickComponentStyle } from '../../hooks'\nexport default defineComponent({\n name: 'EcanTimeDisplay',\n props: {\n ...timeDisplayComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const time = ref(dayjs().format(props.format as string))\n let timer = null\n const clearTimer = () => {\n clearInterval(timer)\n timer = null\n }\n const setTimer = () => {\n if (timer) {\n clearTimer()\n }\n timer = setInterval(() => {\n time.value = dayjs().add(1, 's').format(props.format as string)\n }, 1000)\n }\n onMounted(() => {\n setTimer()\n })\n onUnmounted(() => {\n clearTimer()\n })\n return {\n style,\n time\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.time-display {\n overflow: hidden;\n display: table-cell;\n}\n</style>\n"],"names":[],"mappings":";;;;AAWA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACzC,UAAM,OAAO,IAAI,MAAA,EAAQ,OAAO,MAAM,MAAgB,CAAC;AACvD,QAAI,QAAQ;AACZ,UAAM,aAAa,MAAM;AACvB,oBAAc,KAAK;AACX,cAAA;AAAA,IAAA;AAEV,UAAM,WAAW,MAAM;AACrB,UAAI,OAAO;AACE;MACb;AACA,cAAQ,YAAY,MAAM;AACnB,aAAA,QAAQ,MAAQ,EAAA,IAAI,GAAG,GAAG,EAAE,OAAO,MAAM,MAAgB;AAAA,SAC7D,GAAI;AAAA,IAAA;AAET,cAAU,MAAM;AACL;IAAA,CACV;AACD,gBAAY,MAAM;AACL;IAAA,CACZ;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"TimeDisplay.vue2.js","sources":["../../../src/text/time-display/TimeDisplay.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, onMounted, onUnmounted, ref } from 'vue'\nimport { timeDisplayComponentProps } from './props'\nimport dayjs from 'dayjs'\nimport { usePickComponentStyle } from '../../hooks'\nexport default defineComponent({\n name: 'EcanTimeDisplay',\n props: {\n ...timeDisplayComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const time = ref(dayjs().format(props.format as string))\n let timer = null\n const clearTimer = () => {\n clearInterval(timer)\n timer = null\n }\n const setTimer = () => {\n if (timer) {\n clearTimer()\n }\n timer = setInterval(() => {\n time.value = dayjs().add(1, 's').format(props.format as string)\n }, 1000)\n }\n onMounted(() => {\n setTimer()\n })\n onUnmounted(() => {\n clearTimer()\n })\n return {\n style,\n time\n }\n }\n})\n"],"names":[],"mappings":";;;;AAKA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACzC,UAAM,OAAO,IAAI,MAAA,EAAQ,OAAO,MAAM,MAAgB,CAAC;AACvD,QAAI,QAAQ;AACZ,UAAM,aAAa,MAAM;AACvB,oBAAc,KAAK;AACX,cAAA;AAAA,IAAA;AAEV,UAAM,WAAW,MAAM;AACrB,UAAI,OAAO;AACE;MACb;AACA,cAAQ,YAAY,MAAM;AACnB,aAAA,QAAQ,MAAQ,EAAA,IAAI,GAAG,GAAG,EAAE,OAAO,MAAM,MAAgB;AAAA,SAC7D,GAAI;AAAA,IAAA;AAET,cAAU,MAAM;AACL;IAAA,CACV;AACD,gBAAY,MAAM;AACL;IAAA,CACZ;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.vue.js","sources":["../../../src/common/skeleton/Skeleton.vue"],"sourcesContent":["<template>\n <a-skeleton active :loading=\"loading\">\n <slot></slot>\n </a-skeleton>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { Skeleton as ASkeleton } from 'ant-design-vue'\nimport 'ant-design-vue/es/skeleton/style'\nexport default defineComponent({\n name: 'Skeleton',\n props: {\n loading: {\n type: Boolean,\n default: false\n }\n },\n components: {\n ASkeleton\n }\n})\n</script>\n\n<style scoped>\n\n</style>\n"],"names":["_resolveComponent","_openBlock","_createBlock"],"mappings":";;;;;;gCACEA,qBAEa,YAAA;AAFO,SAAAC,IAAA,UAAA,GAAgBC,IAAA,YAAA,uBAAA;AAAA,IAAA,QAAA;AAAA;;;;;;;;;;"}
1
+ {"version":3,"file":"Skeleton.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.vue2.js","sources":["../../../src/common/skeleton/Skeleton.vue"],"sourcesContent":["<template>\n <a-skeleton active :loading=\"loading\">\n <slot></slot>\n </a-skeleton>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { Skeleton as ASkeleton } from 'ant-design-vue'\nimport 'ant-design-vue/es/skeleton/style'\nexport default defineComponent({\n name: 'Skeleton',\n props: {\n loading: {\n type: Boolean,\n default: false\n }\n },\n components: {\n ASkeleton\n }\n})\n</script>\n\n<style scoped>\n\n</style>\n"],"names":["defineComponent","ASkeleton"],"mappings":";;;;;;AAUA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IAAA,WACVC,aAAA;AAAA,EACF;AACF,CAAC;;"}
1
+ {"version":3,"file":"Skeleton.vue2.js","sources":["../../../src/common/skeleton/Skeleton.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent } from 'vue'\nimport { Skeleton as ASkeleton } from 'ant-design-vue'\nimport 'ant-design-vue/es/skeleton/style'\nexport default defineComponent({\n name: 'Skeleton',\n props: {\n loading: {\n type: Boolean,\n default: false\n }\n },\n components: {\n ASkeleton\n }\n})\n"],"names":["defineComponent","ASkeleton"],"mappings":";;;;;;AAIA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IAAA,WACVC,aAAA;AAAA,EACF;AACF,CAAC;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Spin.vue.js","sources":["../../../src/common/spin/Spin.vue"],"sourcesContent":["<template>\n <div class=\"spin-wrapper\">\n <a-spin\n class=\"spin\"\n :spinning=\"spinning\"\n v-if=\"spinning\"\n :indicator=\"indicator\"\n tip=\"加载中...\"\n >\n </a-spin>\n <slot v-else></slot>\n </div>\n</template>\n<script lang=\"ts\">\nimport { Spin as ASpin } from 'ant-design-vue'\nimport { LoadingOutlined } from '@ant-design/icons-vue'\nimport { defineComponent, h } from 'vue'\nimport 'ant-design-vue/es/spin/style'\nexport default defineComponent({\n props: {\n spinning: {\n type: Boolean,\n default: false\n }\n },\n components: {\n ASpin\n },\n setup () {\n const indicator = h(LoadingOutlined, {\n style: {\n fontSize: '24px',\n color: '#1890ff'\n },\n spin: true\n })\n return {\n indicator\n }\n }\n})\n</script>\n\n<style>\n.spin-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.spin {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n</style>\n"],"names":["_resolveComponent","_createElementBlock","_openBlock","_createBlock","_renderSlot"],"mappings":";;;;;;;;AACE,QAAA,oBAAAA,qBAUM,QAVN;0BACEC,uBAOS,OAAA,YAAA;AAAA,IAAA,KAAA,YAAAC,IAAAA,aANKC,IAAAA,YAAA,mBAAA;AAAA,MACX,KAAA;AAAA,MAEA,OAAA;AAAA,MACD,UAAI,KAAQ;AAAA,MAAA,WAAA,KAAA;AAAA,MAGd,KAAA;AAAA,IAAA,GAAA,MAAA,GAAA,CAAA,YAAA,WAAA,CAAA,KAAAC,eAAA,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"Spin.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Spin.vue2.js","sources":["../../../src/common/spin/Spin.vue"],"sourcesContent":["<template>\n <div class=\"spin-wrapper\">\n <a-spin\n class=\"spin\"\n :spinning=\"spinning\"\n v-if=\"spinning\"\n :indicator=\"indicator\"\n tip=\"加载中...\"\n >\n </a-spin>\n <slot v-else></slot>\n </div>\n</template>\n<script lang=\"ts\">\nimport { Spin as ASpin } from 'ant-design-vue'\nimport { LoadingOutlined } from '@ant-design/icons-vue'\nimport { defineComponent, h } from 'vue'\nimport 'ant-design-vue/es/spin/style'\nexport default defineComponent({\n props: {\n spinning: {\n type: Boolean,\n default: false\n }\n },\n components: {\n ASpin\n },\n setup () {\n const indicator = h(LoadingOutlined, {\n style: {\n fontSize: '24px',\n color: '#1890ff'\n },\n spin: true\n })\n return {\n indicator\n }\n }\n})\n</script>\n\n<style>\n.spin-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.spin {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n</style>\n"],"names":["defineComponent","ASpin","h","LoadingOutlined"],"mappings":";;;;;;;AAkBA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IAAA,OACVC,aAAA;AAAA,EACF;AAAA,EACA,QAAS;AACD,UAAA,YAAYC,MAAEC,yBAAiB;AAAA,MACnC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,IAAA,CACP;AACM,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
1
+ {"version":3,"file":"Spin.vue2.js","sources":["../../../src/common/spin/Spin.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { Spin as ASpin } from 'ant-design-vue'\nimport { LoadingOutlined } from '@ant-design/icons-vue'\nimport { defineComponent, h } from 'vue'\nimport 'ant-design-vue/es/spin/style'\nexport default defineComponent({\n props: {\n spinning: {\n type: Boolean,\n default: false\n }\n },\n components: {\n ASpin\n },\n setup () {\n const indicator = h(LoadingOutlined, {\n style: {\n fontSize: '24px',\n color: '#1890ff'\n },\n spin: true\n })\n return {\n indicator\n }\n }\n})\n"],"names":["defineComponent","ASpin","h","LoadingOutlined"],"mappings":";;;;;;;AAKA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IAAA,OACVC,aAAA;AAAA,EACF;AAAA,EACA,QAAS;AACD,UAAA,YAAYC,MAAEC,yBAAiB;AAAA,MACnC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,IAAA,CACP;AACM,WAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Border.vue.js","sources":["../../../src/container/border/Border.vue"],"sourcesContent":["<template>\n <div class=\"ecan-border\" :style=\"style\" @click=\"click\">\n <div\n class=\"no-title\"\n :style=\"borderStyle\"\n v-if=\"mode === 'no-title'\"\n >\n <template v-if=\"useBorderModify\">\n <div class=\"top-left border-item\"/>\n <div class=\"top-right border-item\"/>\n <div class=\"bottom-left border-item\"/>\n <div class=\"bottom-right border-item\"/>\n </template>\n </div>\n <div class=\"top-title\" :style=\"borderStyle\" v-if=\"mode === 'top-title'\">\n <div class=\"title-item-wrapper\">\n <div class=\"title-item\">\n <img\n class=\"title-decoration-left\"\n src=\"../../assets/border-title-decoration-left.png\"\n >\n <div class=\"title\">{{ title }}</div>\n <img\n class=\"title-decoration-right\"\n src=\"../../assets/border-title-decoration-right.png\"\n >\n </div>\n </div>\n <div class=\"top-left border-item\"/>\n <div class=\"top-right border-item\"/>\n <div class=\"bottom-left border-item\"/>\n <div class=\"bottom-right border-item\"/>\n </div>\n <div class=\"left-title\" v-if=\"mode === 'left-title'\">\n <div class=\"title\">\n <span>{{ title }}</span>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, watch } from 'vue'\nimport { borderComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanBorder',\n props: {\n ...borderComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props, ['background'])\n const { theme } = inject(GLOBAL_CONFIG, {\n theme: 'light'\n })\n const borderStyle = computed(() => {\n return {\n // borderWidth: props.borderWidth,\n // borderStyle: props.borderStyle,\n // borderRadius: props.borderRadius,\n // borderColor: props.borderColor,\n // backgroundColor: props.backgroundColor,\n width: '100%',\n height: '100%'\n }\n })\n const emitEvent = useEmitEvent(props)\n const click = emitEvent('click', () => {})\n const myData = ref<{ [key:string]: any } []>([])\n watch(() => props.data, (data: { [key:string]: any } []) => {\n myData.value = data\n }, {\n immediate: true,\n deep: true\n })\n useOnEvent(props, {\n click\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myData\n })\n return {\n style,\n click,\n borderStyle,\n theme\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.top-title, .no-title {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n .border-item {\n position: absolute;\n z-index: 2;\n border-color: #50FCFC;\n border-style: solid;\n width: 13px;\n height: 11px;\n }\n .top-left {\n top: 0;\n left: 0;\n border-top-width: 1px;\n border-right-width: 0;\n border-bottom-width: 0;\n border-left-width: 1px;\n }\n .top-right {\n top: 0;\n right: -2px;\n border-top-width: 1px;\n border-right-width: 1px;\n border-bottom-width: 0;\n border-left-width: 0;\n }\n .bottom-left {\n bottom: -2px;\n left: 0;\n border-top-width: 0;\n border-right-width: 0;\n border-bottom-width: 1px;\n border-left-width: 1px;\n }\n .bottom-right {\n bottom: -2px;\n right: -2px;\n border-top-width: 0;\n border-right-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 0;\n }\n .title-item-wrapper {\n width: 100%;\n padding: 5px 0;\n background-image: url(\"../../assets/border-title-background.png\");\n background-size: cover;\n display: grid;\n place-content: center;\n }\n .title-item {\n display: flex;\n align-items: center;\n }\n .title {\n padding: 0 17px;\n color: #d5fdfd;\n background: linear-gradient(0deg,#01aaff,#00eaff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .title-decoration-left {\n width: 58px;\n height: 14px;\n }\n .title-decoration-right {\n width: 58px;\n height: 14px;\n }\n}\n\n.left-title {\n position: relative;\n width: 100%;\n height: 100%;\n border: 2px solid #375A8899;\n border-radius: 0;\n .title {\n position: absolute;\n left: -33px;\n top: -14px;\n width: 33px;\n min-height: 194px;\n padding-top: 33px;\n padding-bottom: 31px;\n background-image: url(\"../../assets/border-left-title.png\");\n background-repeat: no-repeat;\n background-size: 100% 100%;\n color: #fff;\n font-weight: 500;\n text-align: center;\n span {\n writing-mode: vertical-lr;\n }\n }\n}\n</style>\n"],"names":["_pushScopeId","_popScopeId","_createElementVNode","_openBlock","_createElementBlock","_normalizeStyle","_Fragment","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;;;AASQ,MAAA,eAAA,CAAA,OAAAA,IAAA,YAAA,iBAAA,GAAA,IAAA,KAAAC,IAAAA,cAAA;sDACsCC,oBAAA,mBAAA,OAAA,EAAjC,OAAM,0BAAyB,MAAA,EAAA,CAAA;sDACGA,oBAAA,mBAAA,OAAA,EAAlC,OAAM,2BAA0B,MAAA,EAAA,CAAA;mBAIR,6BAAA,MAAAA,oBAAA,mBAAA,OAAA,EAAA,OAAA,6BAAA,MAAA,EAAA,CAAA;mBACN,6BAAA,MAAAA,oBAAA,mBAAA,OAAA,EAAA,OAAA,8BAAA,MAAA,EAAA,CAAA;;AAEnB,MAAA,aAAM,EAAuB,OAAA;AACsB,MAAA,aAAA,6BAAA,MAAAA,oBAAA,mBAAA,OAAA;AAAA,EAAA,OAAA;AAAA;;AAInD,MAAA,aAAM,EAAwB,OAAA;AACsB,MAAA,aAAA,6BAAA,MAAAA,oBAAA,mBAAA,OAAA;AAAA,EAAA,OAAA;AAAA;;uDAMpBA,oBAAA,mBAAA,OAAA,EAAjC,OAAM,0BAAyB,MAAA,EAAA,CAAA;uDACGA,oBAAA,mBAAA,OAAA,EAAlC,OAAM,2BAA0B,MAAA,EAAA,CAAA;;;MAElC,cAAM;AAAA,EAAA,KAAA;AAAA;;;AAhCH,SAAA,YAAC,MAAa,QAAA,QAAA,QAAA,OAAA,UAAA;SAAOC,IAAO,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,IAAG,OAAK;AAAA,IAAA,OAAAC,IAAAA,eAAA,KAAA,KAAA;AAAA,aAIpC,OAAI,CAAA,MAAA,OAAA,CAAA,IAAA,IAAA,SAAA,KAAA,SAAA,KAAA,MAAA,GAAA,IAAA;AAAA,EAAA,GAAA;AAAA,iDAFMD,IAAAA,mBAAA,OAAA;AAAA,MACf,KAAK;AAAA,MAAA,OAAA;AAAA,aAGUC,IAAAA,eAAe,KAAA,WAAA;AAAA,IAAA,GAAA;AAAA,WAC7B,mBACoCF,IAAAA,aAAAC,IAAAA,mBAAAE,IAAAA,UAAA,EAAA,KAAA,KAAA;AAAA,QACpC;AAAA,QACA;AAAA,QAAA;AAAA;;IAGJ,GAAA,CAAA,KAAAC,uBAAA,IAAA,IAAA;AAAA,IAAA,KAAA,SAAA,eAAAJ,IAAA,UAAA,GAAsBC,IAAAA,mBAAA,OAAA;AAAA,MAAE,KAAK;AAAA,MAAA,OAAA;AAAA,MAC3B,OAAAC,IAAAA,eAYM,KAZN,WAYM;AAAA,IAAA,GAAA;AAAA,MAPDH,IAAA,mBAAA,OAAA,YAAA;AAAA,QAAAA,IAAA,mBACD,OAAoC,YAAA;AAAA,UACpC;AAAA,UAAAA,IAAA,mBAAA,OAAA,YAAAM,IAAAA,gBAAA,KAAA,KAAA,GAAA,CAAA;AAAA;QAMJ,CAAA;AAAA,MAAA,CACA;AAAA,MACA;AAAA,MACA;AAAA,MAAA;AAAA;IAEF,GAAA,CAAA,KAAAD,uBAAA,IAAA,IAAA;AAAA,IACE,KAAA,SAAA,gBAAAJ,IAAAA,oCAC0B,OAAf,aAAA;AAAA,MAAAD,IAAA,mBAAA,OAAA,aAAA;AAAA;;;;;;;"}
1
+ {"version":3,"file":"Border.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Border.vue2.js","sources":["../../../src/container/border/Border.vue"],"sourcesContent":["<template>\n <div class=\"ecan-border\" :style=\"style\" @click=\"click\">\n <div\n class=\"no-title\"\n :style=\"borderStyle\"\n v-if=\"mode === 'no-title'\"\n >\n <template v-if=\"useBorderModify\">\n <div class=\"top-left border-item\"/>\n <div class=\"top-right border-item\"/>\n <div class=\"bottom-left border-item\"/>\n <div class=\"bottom-right border-item\"/>\n </template>\n </div>\n <div class=\"top-title\" :style=\"borderStyle\" v-if=\"mode === 'top-title'\">\n <div class=\"title-item-wrapper\">\n <div class=\"title-item\">\n <img\n class=\"title-decoration-left\"\n src=\"../../assets/border-title-decoration-left.png\"\n >\n <div class=\"title\">{{ title }}</div>\n <img\n class=\"title-decoration-right\"\n src=\"../../assets/border-title-decoration-right.png\"\n >\n </div>\n </div>\n <div class=\"top-left border-item\"/>\n <div class=\"top-right border-item\"/>\n <div class=\"bottom-left border-item\"/>\n <div class=\"bottom-right border-item\"/>\n </div>\n <div class=\"left-title\" v-if=\"mode === 'left-title'\">\n <div class=\"title\">\n <span>{{ title }}</span>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, watch } from 'vue'\nimport { borderComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanBorder',\n props: {\n ...borderComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props, ['background'])\n const { theme } = inject(GLOBAL_CONFIG, {\n theme: 'light'\n })\n const borderStyle = computed(() => {\n return {\n // borderWidth: props.borderWidth,\n // borderStyle: props.borderStyle,\n // borderRadius: props.borderRadius,\n // borderColor: props.borderColor,\n // backgroundColor: props.backgroundColor,\n width: '100%',\n height: '100%'\n }\n })\n const emitEvent = useEmitEvent(props)\n const click = emitEvent('click', () => {})\n const myData = ref<{ [key:string]: any } []>([])\n watch(() => props.data, (data: { [key:string]: any } []) => {\n myData.value = data\n }, {\n immediate: true,\n deep: true\n })\n useOnEvent(props, {\n click\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myData\n })\n return {\n style,\n click,\n borderStyle,\n theme\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.top-title, .no-title {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n .border-item {\n position: absolute;\n z-index: 2;\n border-color: #50FCFC;\n border-style: solid;\n width: 13px;\n height: 11px;\n }\n .top-left {\n top: 0;\n left: 0;\n border-top-width: 1px;\n border-right-width: 0;\n border-bottom-width: 0;\n border-left-width: 1px;\n }\n .top-right {\n top: 0;\n right: -2px;\n border-top-width: 1px;\n border-right-width: 1px;\n border-bottom-width: 0;\n border-left-width: 0;\n }\n .bottom-left {\n bottom: -2px;\n left: 0;\n border-top-width: 0;\n border-right-width: 0;\n border-bottom-width: 1px;\n border-left-width: 1px;\n }\n .bottom-right {\n bottom: -2px;\n right: -2px;\n border-top-width: 0;\n border-right-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 0;\n }\n .title-item-wrapper {\n width: 100%;\n padding: 5px 0;\n background-image: url(\"../../assets/border-title-background.png\");\n background-size: cover;\n display: grid;\n place-content: center;\n }\n .title-item {\n display: flex;\n align-items: center;\n }\n .title {\n padding: 0 17px;\n color: #d5fdfd;\n background: linear-gradient(0deg,#01aaff,#00eaff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .title-decoration-left {\n width: 58px;\n height: 14px;\n }\n .title-decoration-right {\n width: 58px;\n height: 14px;\n }\n}\n\n.left-title {\n position: relative;\n width: 100%;\n height: 100%;\n border: 2px solid #375A8899;\n border-radius: 0;\n .title {\n position: absolute;\n left: -33px;\n top: -14px;\n width: 33px;\n min-height: 194px;\n padding-top: 33px;\n padding-bottom: 31px;\n background-image: url(\"../../assets/border-left-title.png\");\n background-repeat: no-repeat;\n background-size: 100% 100%;\n color: #fff;\n font-weight: 500;\n text-align: center;\n span {\n writing-mode: vertical-lr;\n }\n }\n}\n</style>\n"],"names":["defineComponent","borderComponentProps","props","usePickComponentStyle","inject","GLOBAL_CONFIG","computed","useEmitEvent","ref","watch","useOnEvent","GLOBAL_MODEL"],"mappings":";;;;;;;;AA8CA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACZ,UAAM,QAAQC,sBAAA,sBAAsBD,QAAO,CAAC,YAAY,CAAC;AACzD,UAAM,EAAE,MAAA,IAAUE,IAAA,OAAOC,wBAAe;AAAA,MACtC,OAAO;AAAA,IAAA,CACR;AACK,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC1B,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAML,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AACK,UAAA,YAAYC,0BAAaL,MAAK;AAC9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAAA,IAAA,CAAE;AACnC,UAAA,SAASM,QAA8B,CAAA,CAAE;AAC/CC,QAAAA,MAAM,MAAMP,OAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACDQ,eAAAA,WAAWR,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACD,UAAM,EAAE,eAAA,IAAmBE,IAAA,OAAOO,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeT,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
1
+ {"version":3,"file":"Border.vue2.js","sources":["../../../src/container/border/Border.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { computed, defineComponent, inject, ref, watch } from 'vue'\nimport { borderComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanBorder',\n props: {\n ...borderComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props, ['background'])\n const { theme } = inject(GLOBAL_CONFIG, {\n theme: 'light'\n })\n const borderStyle = computed(() => {\n return {\n // borderWidth: props.borderWidth,\n // borderStyle: props.borderStyle,\n // borderRadius: props.borderRadius,\n // borderColor: props.borderColor,\n // backgroundColor: props.backgroundColor,\n width: '100%',\n height: '100%'\n }\n })\n const emitEvent = useEmitEvent(props)\n const click = emitEvent('click', () => {})\n const myData = ref<{ [key:string]: any } []>([])\n watch(() => props.data, (data: { [key:string]: any } []) => {\n myData.value = data\n }, {\n immediate: true,\n deep: true\n })\n useOnEvent(props, {\n click\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myData\n })\n return {\n style,\n click,\n borderStyle,\n theme\n }\n }\n})\n"],"names":["defineComponent","borderComponentProps","props","usePickComponentStyle","inject","GLOBAL_CONFIG","computed","useEmitEvent","ref","watch","useOnEvent","GLOBAL_MODEL"],"mappings":";;;;;;;;AAKA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACZ,UAAM,QAAQC,sBAAA,sBAAsBD,QAAO,CAAC,YAAY,CAAC;AACzD,UAAM,EAAE,MAAA,IAAUE,IAAA,OAAOC,wBAAe;AAAA,MACtC,OAAO;AAAA,IAAA,CACR;AACK,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC1B,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAML,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AACK,UAAA,YAAYC,0BAAaL,MAAK;AAC9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAAA,IAAA,CAAE;AACnC,UAAA,SAASM,QAA8B,CAAA,CAAE;AAC/CC,QAAAA,MAAM,MAAMP,OAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACDQ,eAAAA,WAAWR,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACD,UAAM,EAAE,eAAA,IAAmBE,IAAA,OAAOO,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeT,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.vue.js","sources":["../../../src/container/modal/Modal.vue"],"sourcesContent":["<template>\n <!-- centered + style 中的 verticalAlign 调整弹窗位置 -->\n <a-modal\n :getContainer=\"getContainer\"\n :wrapClassName=\"wrapClassName\"\n centered\n :visible=\"visible\"\n :footer=\"null\"\n :width=\"isFullModal || isFullWidth ? '100%' : modalWith\"\n :destroyOnClose=\"destroyOnClose\"\n :style=\"modalStyle\"\n @ok=\"onOk\"\n @cancel=\"onCancel\"\n >\n <template #title v-if=\"title\" >\n <div\n :style=\"{\n fontSize: titleFontSize,\n color: titleColor,\n backgroundColor,\n padding: '16px 24px'\n }\"\n >\n {{ title }}\n </div>\n </template>\n <div class=\"contain\" ref=\"contain\" :style=\"containStyle\">\n <div class=\"content\" :style=\"contentStyle\">\n <component\n v-for=\"(component, index) in componentList\"\n :key=\"(component.id) + index\"\n :is=\"component.type\"\n v-bind=\"component\"\n />\n </div>\n </div>\n </a-modal>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, nextTick, ref, unref } from 'vue'\nimport { modalComponentProps, ModalPosition } from './props'\nimport { Modal as AModal } from 'ant-design-vue'\nimport 'ant-design-vue/es/modal/style'\nimport { useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { REQUEST_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanModal',\n components: {\n AModal\n },\n props: {\n ...modalComponentProps\n },\n setup (props) {\n const getContainer = () => document.getElementById('ProviderConfig') || document.body\n const modalStyle = computed(() => {\n const position = props.position as ModalPosition\n const map = {\n default: '',\n top: 'top',\n center: 'middle',\n bottom: 'bottom'\n }\n return {\n verticalAlign: map[position]\n }\n })\n const width = props.width as string\n const height = props.height as string\n const originalWidth = props.originalWidth as string\n const originalHeight = props.originalHeight as string\n const scaleWidth = computed(() => parseFloat(width) / parseFloat(originalWidth))\n const scaleHeight = computed(() => parseFloat(height) / parseFloat(originalHeight))\n // 弹窗适配\n const modalWith = computed(() => `${unref(scaleWidth) * 100}%`)\n // const modalHeight = computed(() => `${scaleHeight.value * 100}%`)\n const screenWidth = computed(() => document.body.offsetWidth)\n const screenHeight = computed(() => document.body.offsetHeight)\n const containWidth = computed(() => unref(screenWidth) * unref(scaleWidth))\n const containHeight = computed(() => unref(screenHeight) * unref(scaleHeight))\n const containStyle = computed(() => ({\n width: `${unref(containWidth)}px`,\n height: `${unref(containHeight)}px`\n }))\n const style = usePickComponentStyle(props)\n const contentStyle = computed(() => ({\n ...unref(style),\n backgroundImage: useImagePath(props.backgroundImage as string, true),\n transform: `scale(${unref(containWidth) / parseFloat(width)},${unref(containHeight) / parseFloat(height)})`\n }))\n const isFullWidth = computed(() => unref(scaleWidth) >= 1)\n const isFullModal = computed(() => props.fullModal)\n const wrapClassName = computed(() => {\n let className = 'ecan-modal'\n if (unref(isFullWidth)) className += ' ecan-full-width-modal'\n if (unref(isFullModal)) className += ' ecan-full-modal'\n return className\n })\n const visible = ref(false)\n const contain = ref<HTMLElement>()\n const { touchRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n touchRequest: () => void 0\n })\n const showModal = () => {\n visible.value = true\n nextTick(() => {\n touchRequest()\n })\n }\n const hideModal = () => {\n visible.value = false\n }\n const onOk = () => {\n hideModal()\n }\n const onCancel = () => {\n hideModal()\n }\n // 注册\n useOnEvent(props, {\n showModal\n })\n\n return {\n contain,\n containStyle,\n contentStyle,\n getContainer,\n modalStyle,\n modalWith,\n isFullModal,\n style,\n visible,\n showModal,\n onOk,\n onCancel,\n isFullWidth,\n wrapClassName\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.contain {\n position: relative;\n overflow: hidden;\n}\n.content {\n transform-origin: left top;\n z-index: 999;\n}\n</style>\n\n<style lang=\"less\">\n.ecan-modal {\n .ant-modal-body {\n padding: 0;\n }\n .ant-modal-header {\n padding: 0;\n border-bottom: none;\n background: none;\n }\n}\n\n.ecan-full-width-modal {\n .ant-modal {\n max-width: 100%;\n top: 0;\n padding-bottom: 0;\n margin: 0;\n }\n .ant-modal-content {\n display: flex;\n flex-direction: column;\n }\n .ant-modal-body {\n flex: 1;\n }\n}\n\n.ecan-full-modal {\n .ant-modal {\n max-width: 100%;\n top: 0;\n padding-bottom: 0;\n margin: 0;\n }\n .ant-modal-content {\n display: flex;\n flex-direction: column;\n height: calc(100vh);\n }\n .ant-modal-body {\n flex: 1;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-modal {\n .anticon-close > svg > path {\n fill: #fff;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_normalizeStyle","_createSlots","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_mergeProps"],"mappings":";;;;;;;;6BAEEA,qBAkCU,SAAA;AAhCP,SAAAC,IAAA,UAAA,GAA4BC,IAAA,YAAA,oBAAA;AAAA,IAC7B,cAAQ,KAAA;AAAA,IACP,eAAS,KAAA;AAAA,IACT,UAAQ;AAAA,IACR,SAAO,KAAA;AAAA,IACP,QAAA;AAAA,IACA,OAAK,oBAAE,KAAU,cAAA,SAAA,KAAA;AAAA,IACjB,gBAAQ,KAAA;AAAA,IACR,OAAgBC,IAAAA,eAAA,KAAA,UAAA;AAAA,IAAA,MAAA,KAAA;AAAA;EAcjB,GAAAC,gBAAA;AAAA,IAAA,SAAUC,YAAC,MAAS;AAAA,MAAcC,IAAAA,mBAAA,OAAA;AAAA,QAAE,OAAK;AAAA,QAAA,KAAA;AAAA,QACvC,OAOMH,IAAAA,eAAA,KAAA,YAAA;AAAA,MAAA,GAAA;AAAA,+BAPqB,OAAE;AAAA,UAAA,OAAA;AAAA,oCAC3B,KAKE,YAAA;AAAA,QAAA,GAAA;AAAA,WAHOF,IAAAA,UAAA,IAAA,GAASM,IAAY,mBAAAC,cAAA,MAAAC,IAAA,WAAA,KAAA,eAAA,CAAA,WAAA,UAAA;mBAEpBR,IAAAA,UAAS,GAAAC,gBAAAQ,IAAAA,wBAAA,UAAA,IAAA,GAAAC,eAAA;AAAA,cAAA,KAAA,UAAA,KAAA;AAAA;;;;;IAlBA,GAAA;AAAA,EAAA,GAAA;AAAA;MACrB,MAAA;AAAA,MAAA,IACGN,IAAK,QAAA,MAAA;AAAA,QAAAC,IAAAA,mBAAwB,OAAa;AAAA,UAAA,OAAmBH,IAAAA,eAAU;AAAA,YAAA,UAAA,KAAA;AAAA;;;;;;;;;;;"}
1
+ {"version":3,"file":"Modal.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.vue2.js","sources":["../../../src/container/modal/Modal.vue"],"sourcesContent":["<template>\n <!-- centered + style 中的 verticalAlign 调整弹窗位置 -->\n <a-modal\n :getContainer=\"getContainer\"\n :wrapClassName=\"wrapClassName\"\n centered\n :visible=\"visible\"\n :footer=\"null\"\n :width=\"isFullModal || isFullWidth ? '100%' : modalWith\"\n :destroyOnClose=\"destroyOnClose\"\n :style=\"modalStyle\"\n @ok=\"onOk\"\n @cancel=\"onCancel\"\n >\n <template #title v-if=\"title\" >\n <div\n :style=\"{\n fontSize: titleFontSize,\n color: titleColor,\n backgroundColor,\n padding: '16px 24px'\n }\"\n >\n {{ title }}\n </div>\n </template>\n <div class=\"contain\" ref=\"contain\" :style=\"containStyle\">\n <div class=\"content\" :style=\"contentStyle\">\n <component\n v-for=\"(component, index) in componentList\"\n :key=\"(component.id) + index\"\n :is=\"component.type\"\n v-bind=\"component\"\n />\n </div>\n </div>\n </a-modal>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, nextTick, ref, unref } from 'vue'\nimport { modalComponentProps, ModalPosition } from './props'\nimport { Modal as AModal } from 'ant-design-vue'\nimport 'ant-design-vue/es/modal/style'\nimport { useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { REQUEST_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanModal',\n components: {\n AModal\n },\n props: {\n ...modalComponentProps\n },\n setup (props) {\n const getContainer = () => document.getElementById('ProviderConfig') || document.body\n const modalStyle = computed(() => {\n const position = props.position as ModalPosition\n const map = {\n default: '',\n top: 'top',\n center: 'middle',\n bottom: 'bottom'\n }\n return {\n verticalAlign: map[position]\n }\n })\n const width = props.width as string\n const height = props.height as string\n const originalWidth = props.originalWidth as string\n const originalHeight = props.originalHeight as string\n const scaleWidth = computed(() => parseFloat(width) / parseFloat(originalWidth))\n const scaleHeight = computed(() => parseFloat(height) / parseFloat(originalHeight))\n // 弹窗适配\n const modalWith = computed(() => `${unref(scaleWidth) * 100}%`)\n // const modalHeight = computed(() => `${scaleHeight.value * 100}%`)\n const screenWidth = computed(() => document.body.offsetWidth)\n const screenHeight = computed(() => document.body.offsetHeight)\n const containWidth = computed(() => unref(screenWidth) * unref(scaleWidth))\n const containHeight = computed(() => unref(screenHeight) * unref(scaleHeight))\n const containStyle = computed(() => ({\n width: `${unref(containWidth)}px`,\n height: `${unref(containHeight)}px`\n }))\n const style = usePickComponentStyle(props)\n const contentStyle = computed(() => ({\n ...unref(style),\n backgroundImage: useImagePath(props.backgroundImage as string, true),\n transform: `scale(${unref(containWidth) / parseFloat(width)},${unref(containHeight) / parseFloat(height)})`\n }))\n const isFullWidth = computed(() => unref(scaleWidth) >= 1)\n const isFullModal = computed(() => props.fullModal)\n const wrapClassName = computed(() => {\n let className = 'ecan-modal'\n if (unref(isFullWidth)) className += ' ecan-full-width-modal'\n if (unref(isFullModal)) className += ' ecan-full-modal'\n return className\n })\n const visible = ref(false)\n const contain = ref<HTMLElement>()\n const { touchRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n touchRequest: () => void 0\n })\n const showModal = () => {\n visible.value = true\n nextTick(() => {\n touchRequest()\n })\n }\n const hideModal = () => {\n visible.value = false\n }\n const onOk = () => {\n hideModal()\n }\n const onCancel = () => {\n hideModal()\n }\n // 注册\n useOnEvent(props, {\n showModal\n })\n\n return {\n contain,\n containStyle,\n contentStyle,\n getContainer,\n modalStyle,\n modalWith,\n isFullModal,\n style,\n visible,\n showModal,\n onOk,\n onCancel,\n isFullWidth,\n wrapClassName\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.contain {\n position: relative;\n overflow: hidden;\n}\n.content {\n transform-origin: left top;\n z-index: 999;\n}\n</style>\n\n<style lang=\"less\">\n.ecan-modal {\n .ant-modal-body {\n padding: 0;\n }\n .ant-modal-header {\n padding: 0;\n border-bottom: none;\n background: none;\n }\n}\n\n.ecan-full-width-modal {\n .ant-modal {\n max-width: 100%;\n top: 0;\n padding-bottom: 0;\n margin: 0;\n }\n .ant-modal-content {\n display: flex;\n flex-direction: column;\n }\n .ant-modal-body {\n flex: 1;\n }\n}\n\n.ecan-full-modal {\n .ant-modal {\n max-width: 100%;\n top: 0;\n padding-bottom: 0;\n margin: 0;\n }\n .ant-modal-content {\n display: flex;\n flex-direction: column;\n height: calc(100vh);\n }\n .ant-modal-body {\n flex: 1;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-modal {\n .anticon-close > svg > path {\n fill: #fff;\n }\n}\n</style>\n"],"names":["defineComponent","AModal","modalComponentProps","props","computed","unref","usePickComponentStyle","useImagePath","ref","inject","REQUEST_MODEL","nextTick","useOnEvent"],"mappings":"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"}
1
+ {"version":3,"file":"Modal.vue2.js","sources":["../../../src/container/modal/Modal.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { computed, defineComponent, inject, nextTick, ref, unref } from 'vue'\nimport { modalComponentProps, ModalPosition } from './props'\nimport { Modal as AModal } from 'ant-design-vue'\nimport 'ant-design-vue/es/modal/style'\nimport { useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { REQUEST_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanModal',\n components: {\n AModal\n },\n props: {\n ...modalComponentProps\n },\n setup (props) {\n const getContainer = () => document.getElementById('ProviderConfig') || document.body\n const modalStyle = computed(() => {\n const position = props.position as ModalPosition\n const map = {\n default: '',\n top: 'top',\n center: 'middle',\n bottom: 'bottom'\n }\n return {\n verticalAlign: map[position]\n }\n })\n const width = props.width as string\n const height = props.height as string\n const originalWidth = props.originalWidth as string\n const originalHeight = props.originalHeight as string\n const scaleWidth = computed(() => parseFloat(width) / parseFloat(originalWidth))\n const scaleHeight = computed(() => parseFloat(height) / parseFloat(originalHeight))\n // 弹窗适配\n const modalWith = computed(() => `${unref(scaleWidth) * 100}%`)\n // const modalHeight = computed(() => `${scaleHeight.value * 100}%`)\n const screenWidth = computed(() => document.body.offsetWidth)\n const screenHeight = computed(() => document.body.offsetHeight)\n const containWidth = computed(() => unref(screenWidth) * unref(scaleWidth))\n const containHeight = computed(() => unref(screenHeight) * unref(scaleHeight))\n const containStyle = computed(() => ({\n width: `${unref(containWidth)}px`,\n height: `${unref(containHeight)}px`\n }))\n const style = usePickComponentStyle(props)\n const contentStyle = computed(() => ({\n ...unref(style),\n backgroundImage: useImagePath(props.backgroundImage as string, true),\n transform: `scale(${unref(containWidth) / parseFloat(width)},${unref(containHeight) / parseFloat(height)})`\n }))\n const isFullWidth = computed(() => unref(scaleWidth) >= 1)\n const isFullModal = computed(() => props.fullModal)\n const wrapClassName = computed(() => {\n let className = 'ecan-modal'\n if (unref(isFullWidth)) className += ' ecan-full-width-modal'\n if (unref(isFullModal)) className += ' ecan-full-modal'\n return className\n })\n const visible = ref(false)\n const contain = ref<HTMLElement>()\n const { touchRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n touchRequest: () => void 0\n })\n const showModal = () => {\n visible.value = true\n nextTick(() => {\n touchRequest()\n })\n }\n const hideModal = () => {\n visible.value = false\n }\n const onOk = () => {\n hideModal()\n }\n const onCancel = () => {\n hideModal()\n }\n // 注册\n useOnEvent(props, {\n showModal\n })\n\n return {\n contain,\n containStyle,\n contentStyle,\n getContainer,\n modalStyle,\n modalWith,\n isFullModal,\n style,\n visible,\n showModal,\n onOk,\n onCancel,\n isFullWidth,\n wrapClassName\n }\n }\n})\n"],"names":["defineComponent","AModal","modalComponentProps","props","computed","unref","usePickComponentStyle","useImagePath","ref","inject","REQUEST_MODEL","nextTick","useOnEvent"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.vue.js","sources":["../../../src/container/tabs/Tabs.vue"],"sourcesContent":["<template>\n <div class=\"ecan-tabs\" :style=\"style\">\n <div\n class=\"tabs-header\"\n :style=\"{\n fontSize: tabFontSize,\n alignItems: tabAlignItems,\n justifyContent: tabJustifyContent,\n flexDirection: tabFlexDirection\n }\"\n >\n <div\n class=\"tab\"\n :style=\"{\n padding: `5px ${tabHorizontalPadding}`,\n color: isActive(index) ? activeTabColor : tabColor,\n backgroundImage: isActive(index) ? useImagePath(activeTabBackgroundImage, true) : useImagePath(tabBackgroundImage, true),\n marginRight: tabFlexDirection === 'row' ? tabBarGutter : null,\n marginBottom: tabFlexDirection === 'column' ? tabBarGutter : null,\n fontWeight: tabFontWeight\n }\"\n v-for=\"(tab, index) in myData\"\n :key=\"index\"\n @click.prevent.stop=\"tabChange(tab, index)\"\n >\n <div\n class=\"tab-inner\"\n :style=\"{\n borderBottom: !activeTabBackgroundImage && !tabBackgroundImage ? `1px solid ${isActive(index) ? activeTabColor : 'transparent'}` : ''\n }\"\n >\n {{tab.title}}\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { tabsComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { GLOBAL_MODEL, REFRESH_PAGE } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanTabs',\n props: {\n ...tabsComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const activeKey = ref(0)\n watch(() => props.activeKey, (key) => {\n activeKey.value = key\n }, {\n immediate: true\n })\n const myData = ref<{ [key:string]: any } []>([])\n watch(() => props.data, (data: { [key:string]: any } []) => {\n myData.value = data\n }, {\n immediate: true,\n deep: true\n })\n const isActive = (index: number) => activeKey.value === index\n const myValue = ref(props.value || (unref(myData)[0] && unref(myData)[0]?.value) || '')\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n value: myValue,\n activeKey\n })\n\n const { emitRefreshPage } = inject(REFRESH_PAGE, {\n // eslint-disable-next-line no-void\n emitRefreshPage: () => void 0\n })\n\n const tabChange = emitEvent('tabChange', (tab:{ [key:string]:any }, index: number) => {\n if (index !== unref(activeKey)) {\n myValue.value = tab?.value || ''\n activeKey.value = index\n emitRefreshPage()\n }\n })\n useOnEvent(props, {\n tabChange\n })\n return {\n style,\n activeKey,\n isActive,\n tabChange,\n myData,\n useImagePath\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.ecan-tabs {\n display: flex;\n}\n\n.tabs-header {\n width: 100%;\n color: #333333;\n display: flex;\n padding: 0 10px;\n}\n\n.tab {\n background-size: 100% 100%;\n background-repeat: no-repeat;\n cursor: default;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.tab:last-child {\n margin-bottom: 0 !important;\n margin-right: 0 !important;\n}\n\n.tabs-content {\n flex:1;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_Fragment","_renderList","_withModifiers"],"mappings":";;;;;;;AACY,SAAA,YAAC,MAAW,QAAA,QAAA,QAAA,OAAA,UAAA;SAAOA,IAAO,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAClC,OAgCMC,IAAAA,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,IA9BEC,IAAAA,mBAAA,OAAA;AAAA,MAAA,OAAA;AAAA,MAAuD,OAAAD,IAAAA,eAAA;AAAA,QAAA,UAAA,KAAA;AAAA,QAAiF,YAAA,KAAA;AAAA,QAAA,gBAAA,KAAA;AAAA;;;qBAQtI,IAAK,GAAAD,IAAA,mBAAAG,cAAA,MAAAC,IAAA,WAAA,KAAA,QAAA,CAAA,KAAA,UAAA;AACL,eAAAL,IAAA,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,UAAA,OAAA;AAAA,iBAAuEC,IAAAA,eAAS;AAAA,YAA+D,SAAA,OAAA,KAAA;AAAA,YAAA,OAAA,KAAA,SAAgI,cAAgB,iBAAa,KAAA;AAAA,YAA6C,iBAAA,KAAA,SAAA,KAAgB,sBAAgB,KAAY,0BAAA,IAAA,IAAA,KAAA,aAAA,KAAA,oBAAA,IAAA;AAAA,YAAA,aAA+B,KAAa,qBAAA,QAAA,KAAA,eAAA;AAAA,YAAA,cAAA,KAAA,qBAAA,WAAA,KAAA,eAAA;AAAA,YAStb,YAAU,KAAA;AAAA,UAAA,CAAA;AAAA;UAGX,SAOMI,IAAA,cAAA,CAAA,WAAA,KAAA,UAAA,KAAA,KAAA,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA,GAAA;AAAA,UALEH,IAAAA,mBAAA,OAAA;AAAA,YAAA,OAAA;AAAA;kCAIJ,4BAAS,CAAA,KAAA,qBAAA,aAAA,KAAA,SAAA,KAAA,IAAA,KAAA,iBAAA,kBAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;;"}
1
+ {"version":3,"file":"Tabs.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.vue2.js","sources":["../../../src/container/tabs/Tabs.vue"],"sourcesContent":["<template>\n <div class=\"ecan-tabs\" :style=\"style\">\n <div\n class=\"tabs-header\"\n :style=\"{\n fontSize: tabFontSize,\n alignItems: tabAlignItems,\n justifyContent: tabJustifyContent,\n flexDirection: tabFlexDirection\n }\"\n >\n <div\n class=\"tab\"\n :style=\"{\n padding: `5px ${tabHorizontalPadding}`,\n color: isActive(index) ? activeTabColor : tabColor,\n backgroundImage: isActive(index) ? useImagePath(activeTabBackgroundImage, true) : useImagePath(tabBackgroundImage, true),\n marginRight: tabFlexDirection === 'row' ? tabBarGutter : null,\n marginBottom: tabFlexDirection === 'column' ? tabBarGutter : null,\n fontWeight: tabFontWeight\n }\"\n v-for=\"(tab, index) in myData\"\n :key=\"index\"\n @click.prevent.stop=\"tabChange(tab, index)\"\n >\n <div\n class=\"tab-inner\"\n :style=\"{\n borderBottom: !activeTabBackgroundImage && !tabBackgroundImage ? `1px solid ${isActive(index) ? activeTabColor : 'transparent'}` : ''\n }\"\n >\n {{tab.title}}\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { tabsComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { GLOBAL_MODEL, REFRESH_PAGE } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanTabs',\n props: {\n ...tabsComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const activeKey = ref(0)\n watch(() => props.activeKey, (key) => {\n activeKey.value = key\n }, {\n immediate: true\n })\n const myData = ref<{ [key:string]: any } []>([])\n watch(() => props.data, (data: { [key:string]: any } []) => {\n myData.value = data\n }, {\n immediate: true,\n deep: true\n })\n const isActive = (index: number) => activeKey.value === index\n const myValue = ref(props.value || (unref(myData)[0] && unref(myData)[0]?.value) || '')\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n value: myValue,\n activeKey\n })\n\n const { emitRefreshPage } = inject(REFRESH_PAGE, {\n // eslint-disable-next-line no-void\n emitRefreshPage: () => void 0\n })\n\n const tabChange = emitEvent('tabChange', (tab:{ [key:string]:any }, index: number) => {\n if (index !== unref(activeKey)) {\n myValue.value = tab?.value || ''\n activeKey.value = index\n emitRefreshPage()\n }\n })\n useOnEvent(props, {\n tabChange\n })\n return {\n style,\n activeKey,\n isActive,\n tabChange,\n myData,\n useImagePath\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.ecan-tabs {\n display: flex;\n}\n\n.tabs-header {\n width: 100%;\n color: #333333;\n display: flex;\n padding: 0 10px;\n}\n\n.tab {\n background-size: 100% 100%;\n background-repeat: no-repeat;\n cursor: default;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.tab:last-child {\n margin-bottom: 0 !important;\n margin-right: 0 !important;\n}\n\n.tabs-content {\n flex:1;\n}\n</style>\n"],"names":["defineComponent","tabsComponentProps","props","usePickComponentStyle","ref","watch","unref","useEmitEvent","inject","GLOBAL_MODEL","REFRESH_PAGE","useOnEvent","useImagePath"],"mappings":";;;;;;;;;AA2CA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACnC,UAAA,YAAYE,QAAI,CAAC;AACvBC,QAAAA,MAAM,MAAMH,OAAM,WAAW,CAAC,QAAQ;AACpC,gBAAU,QAAQ;AAAA,IAAA,GACjB;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACK,UAAA,SAASE,QAA8B,CAAA,CAAE;AAC/CC,QAAAA,MAAM,MAAMH,OAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACD,UAAM,WAAW,CAAC,UAAkB,UAAU,UAAU;AACxD,UAAM,UAAUE,IAAAA,IAAIF,OAAM,SAAUI,IAAAA,MAAM,MAAM,EAAE,CAAC,OAAKA,SAAAA,MAAM,MAAM,EAAE,CAAC,MAAfA,mBAAkB,UAAU,EAAE;AAEhF,UAAA,YAAYC,0BAAaL,MAAK;AACpC,UAAM,EAAE,eAAA,IAAmBM,IAAA,OAAOC,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeP,OAAM,IAAc;AAAA,MACjC,OAAO;AAAA,MACP;AAAA,IAAA,CACD;AAED,UAAM,EAAE,gBAAA,IAAoBM,IAAA,OAAOE,uBAAc;AAAA;AAAA,MAE/C,iBAAiB,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,YAAY,UAAU,aAAa,CAAC,KAA0B,UAAkB;AAChF,UAAA,UAAUJ,UAAM,SAAS,GAAG;AACtB,gBAAA,SAAQ,2BAAK,UAAS;AAC9B,kBAAU,QAAQ;AACF;MAClB;AAAA,IAAA,CACD;AACDK,eAAAA,WAAWT,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAAA,cACAU,aAAA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
1
+ {"version":3,"file":"Tabs.vue2.js","sources":["../../../src/container/tabs/Tabs.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { tabsComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { GLOBAL_MODEL, REFRESH_PAGE } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanTabs',\n props: {\n ...tabsComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const activeKey = ref(0)\n watch(() => props.activeKey, (key) => {\n activeKey.value = key\n }, {\n immediate: true\n })\n const myData = ref<{ [key:string]: any } []>([])\n watch(() => props.data, (data: { [key:string]: any } []) => {\n myData.value = data\n }, {\n immediate: true,\n deep: true\n })\n const isActive = (index: number) => activeKey.value === index\n const myValue = ref(props.value || (unref(myData)[0] && unref(myData)[0]?.value) || '')\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n value: myValue,\n activeKey\n })\n\n const { emitRefreshPage } = inject(REFRESH_PAGE, {\n // eslint-disable-next-line no-void\n emitRefreshPage: () => void 0\n })\n\n const tabChange = emitEvent('tabChange', (tab:{ [key:string]:any }, index: number) => {\n if (index !== unref(activeKey)) {\n myValue.value = tab?.value || ''\n activeKey.value = index\n emitRefreshPage()\n }\n })\n useOnEvent(props, {\n tabChange\n })\n return {\n style,\n activeKey,\n isActive,\n tabChange,\n myData,\n useImagePath\n }\n }\n})\n"],"names":["defineComponent","tabsComponentProps","props","usePickComponentStyle","ref","watch","unref","useEmitEvent","inject","GLOBAL_MODEL","REFRESH_PAGE","useOnEvent","useImagePath"],"mappings":";;;;;;;;;AAKA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACnC,UAAA,YAAYE,QAAI,CAAC;AACvBC,QAAAA,MAAM,MAAMH,OAAM,WAAW,CAAC,QAAQ;AACpC,gBAAU,QAAQ;AAAA,IAAA,GACjB;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACK,UAAA,SAASE,QAA8B,CAAA,CAAE;AAC/CC,QAAAA,MAAM,MAAMH,OAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACD,UAAM,WAAW,CAAC,UAAkB,UAAU,UAAU;AACxD,UAAM,UAAUE,IAAAA,IAAIF,OAAM,SAAUI,IAAAA,MAAM,MAAM,EAAE,CAAC,OAAKA,SAAAA,MAAM,MAAM,EAAE,CAAC,MAAfA,mBAAkB,UAAU,EAAE;AAEhF,UAAA,YAAYC,0BAAaL,MAAK;AACpC,UAAM,EAAE,eAAA,IAAmBM,IAAA,OAAOC,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeP,OAAM,IAAc;AAAA,MACjC,OAAO;AAAA,MACP;AAAA,IAAA,CACD;AAED,UAAM,EAAE,gBAAA,IAAoBM,IAAA,OAAOE,uBAAc;AAAA;AAAA,MAE/C,iBAAiB,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,YAAY,UAAU,aAAa,CAAC,KAA0B,UAAkB;AAChF,UAAA,UAAUJ,UAAM,SAAS,GAAG;AACtB,gBAAA,SAAQ,2BAAK,UAAS;AAC9B,kBAAU,QAAQ;AACF;MAClB;AAAA,IAAA,CACD;AACDK,eAAAA,WAAWT,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAAA,cACAU,aAAA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.vue.js","sources":["../../../src/control/button/Button.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-button\"\n :style=\"style\"\n >\n <a-button\n block\n @click=\"click\"\n :type=\"mode\"\n :danger=\"danger\"\n :shape=\"shape\"\n :href=\"myHref\"\n :target=\"myTarget\"\n >\n <span\n :style=\"{\n fontSize,\n fontWeight\n }\"\n >\n {{ myText }}\n </span>\n </a-button>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, unref } from 'vue'\nimport { usePickComponentStyle, useEmitEvent, useVariablesInText } from '@/hooks'\nimport { Button as AButton } from 'ant-design-vue'\nimport 'ant-design-vue/es/button/style'\nimport { buttonComponentProps } from './props'\nexport default defineComponent({\n name: 'EcanButton',\n components: {\n AButton\n },\n props: {\n ...buttonComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n // 拦截触发事件\n const emitEvent = useEmitEvent(props)\n // click 是 event 名称\n const click = emitEvent('click', () => {\n // 打开链接\n const url = unref(myHref)\n if (url && props.target === 'event') {\n window.parent.postMessage({\n type: 'openPage',\n url\n }, '*')\n }\n })\n\n const myText = computed(() => useVariablesInText(props.text as string))\n // 空字符串会刷新页面\n const myHref = computed(() => useVariablesInText(props.href as string) || null)\n const myTarget = computed(() => {\n const target = props.target as 'self' | 'blank' | 'event'\n if (target === 'event' || unref(myHref) == null) {\n return undefined\n } else {\n const map = {\n self: '_self',\n blank: '_blank'\n }\n return map[target]\n }\n })\n return {\n style,\n click,\n myText,\n myHref,\n myTarget\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-button {\n .ant-btn {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle","_withCtx","_createElementVNode"],"mappings":";;;;;;;8BACEA,qBAsBM,UAAA;SApBEC,IAAO,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAEb,OAiBWC,IAAAA,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,oBAfD,qBAAK;AAAA,MACZ,OAAM;AAAA,MACN,SAAQ,KAAA;AAAA,MACR,MAAK,KAAE;AAAA,MACP,QAAM,KAAA;AAAA,MACN,OAAM,KAAE;AAAA,MAAA,MAAA,KAAA;AAAA;;MAGD,SAAAC,IAAA,QAAA,MAAA;AAAA,QAAAC,IAAAA,mBAAc,QAAQ;AAAA,UAAY,OAAAF,IAAAA,eAAA;AAAA,YAAA,UAAA,KAAA;AAAA;;;;;;;;;;"}
1
+ {"version":3,"file":"Button.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.vue2.js","sources":["../../../src/control/button/Button.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-button\"\n :style=\"style\"\n >\n <a-button\n block\n @click=\"click\"\n :type=\"mode\"\n :danger=\"danger\"\n :shape=\"shape\"\n :href=\"myHref\"\n :target=\"myTarget\"\n >\n <span\n :style=\"{\n fontSize,\n fontWeight\n }\"\n >\n {{ myText }}\n </span>\n </a-button>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, unref } from 'vue'\nimport { usePickComponentStyle, useEmitEvent, useVariablesInText } from '@/hooks'\nimport { Button as AButton } from 'ant-design-vue'\nimport 'ant-design-vue/es/button/style'\nimport { buttonComponentProps } from './props'\nexport default defineComponent({\n name: 'EcanButton',\n components: {\n AButton\n },\n props: {\n ...buttonComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n // 拦截触发事件\n const emitEvent = useEmitEvent(props)\n // click 是 event 名称\n const click = emitEvent('click', () => {\n // 打开链接\n const url = unref(myHref)\n if (url && props.target === 'event') {\n window.parent.postMessage({\n type: 'openPage',\n url\n }, '*')\n }\n })\n\n const myText = computed(() => useVariablesInText(props.text as string))\n // 空字符串会刷新页面\n const myHref = computed(() => useVariablesInText(props.href as string) || null)\n const myTarget = computed(() => {\n const target = props.target as 'self' | 'blank' | 'event'\n if (target === 'event' || unref(myHref) == null) {\n return undefined\n } else {\n const map = {\n self: '_self',\n blank: '_blank'\n }\n return map[target]\n }\n })\n return {\n style,\n click,\n myText,\n myHref,\n myTarget\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-button {\n .ant-btn {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n</style>\n"],"names":["defineComponent","AButton","buttonComponentProps","props","usePickComponentStyle","useEmitEvent","unref","computed","useVariablesInText"],"mappings":";;;;;;;;;;AAgCA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,SACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AAEnC,UAAA,YAAYE,0BAAaF,MAAK;AAE9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAE/B,YAAA,MAAMG,UAAM,MAAM;AACpB,UAAA,OAAOH,OAAM,WAAW,SAAS;AACnC,eAAO,OAAO,YAAY;AAAA,UACxB,MAAM;AAAA,UACN;AAAA,WACC,GAAG;AAAA,MACR;AAAA,IAAA,CACD;AAED,UAAM,SAASI,IAAAA,SAAS,MAAMC,mBAAmB,mBAAAL,OAAM,IAAc,CAAC;AAEtE,UAAM,SAASI,IAAAA,SAAS,MAAMC,mBAAAA,mBAAmBL,OAAM,IAAc,KAAK,IAAI;AACxE,UAAA,WAAWI,IAAAA,SAAS,MAAM;AAC9B,YAAM,SAASJ,OAAM;AACrB,UAAI,WAAW,WAAWG,IAAM,MAAA,MAAM,KAAK,MAAM;AACxC,eAAA;AAAA,MAAA,OACF;AACL,cAAM,MAAM;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAET,eAAO,IAAI,MAAM;AAAA,MACnB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
1
+ {"version":3,"file":"Button.vue2.js","sources":["../../../src/control/button/Button.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { computed, defineComponent, unref } from 'vue'\nimport { usePickComponentStyle, useEmitEvent, useVariablesInText } from '@/hooks'\nimport { Button as AButton } from 'ant-design-vue'\nimport 'ant-design-vue/es/button/style'\nimport { buttonComponentProps } from './props'\nexport default defineComponent({\n name: 'EcanButton',\n components: {\n AButton\n },\n props: {\n ...buttonComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n // 拦截触发事件\n const emitEvent = useEmitEvent(props)\n // click 是 event 名称\n const click = emitEvent('click', () => {\n // 打开链接\n const url = unref(myHref)\n if (url && props.target === 'event') {\n window.parent.postMessage({\n type: 'openPage',\n url\n }, '*')\n }\n })\n\n const myText = computed(() => useVariablesInText(props.text as string))\n // 空字符串会刷新页面\n const myHref = computed(() => useVariablesInText(props.href as string) || null)\n const myTarget = computed(() => {\n const target = props.target as 'self' | 'blank' | 'event'\n if (target === 'event' || unref(myHref) == null) {\n return undefined\n } else {\n const map = {\n self: '_self',\n blank: '_blank'\n }\n return map[target]\n }\n })\n return {\n style,\n click,\n myText,\n myHref,\n myTarget\n }\n }\n})\n"],"names":["defineComponent","AButton","buttonComponentProps","props","usePickComponentStyle","useEmitEvent","unref","computed","useVariablesInText"],"mappings":";;;;;;;;;;AAMA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,SACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AAEnC,UAAA,YAAYE,0BAAaF,MAAK;AAE9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAE/B,YAAA,MAAMG,UAAM,MAAM;AACpB,UAAA,OAAOH,OAAM,WAAW,SAAS;AACnC,eAAO,OAAO,YAAY;AAAA,UACxB,MAAM;AAAA,UACN;AAAA,WACC,GAAG;AAAA,MACR;AAAA,IAAA,CACD;AAED,UAAM,SAASI,IAAAA,SAAS,MAAMC,mBAAmB,mBAAAL,OAAM,IAAc,CAAC;AAEtE,UAAM,SAASI,IAAAA,SAAS,MAAMC,mBAAAA,mBAAmBL,OAAM,IAAc,KAAK,IAAI;AACxE,UAAA,WAAWI,IAAAA,SAAS,MAAM;AAC9B,YAAM,SAASJ,OAAM;AACrB,UAAI,WAAW,WAAWG,IAAM,MAAA,MAAM,KAAK,MAAM;AACxC,eAAA;AAAA,MAAA,OACF;AACL,cAAM,MAAM;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAET,eAAO,IAAI,MAAM;AAAA,MACnB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.vue.js","sources":["../../../src/control/checkbox/Checkbox.vue"],"sourcesContent":["<template>\n <div class=\"ecan-checkbox\" :style=\"style\">\n <a-checkbox-group\n :options=\"myOption\"\n v-model:value=\"myValue\"\n @change=\"checkboxChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { CheckboxGroup as ACheckboxGroup } from 'ant-design-vue'\nimport 'ant-design-vue/es/checkbox/style'\nimport { checkboxComponentProps, CheckboxOptions } from './props'\nimport { useEmitEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n name: 'EcanCheckbox',\n components: {\n ACheckboxGroup\n },\n props: {\n ...checkboxComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myOption = ref<CheckboxOptions>([])\n const myValue = ref<string []>([])\n const handleDataAndOption = (data) => {\n const value = props.value\n let _value = [] as string []\n data.forEach((item) => {\n if (item.checked) {\n _value.push(item.value)\n }\n })\n if (typeof value === 'string' && value !== '') {\n _value = _value.concat(value.split(','))\n } else if (Array.isArray(value)) {\n _value = _value.concat(value)\n }\n myOption.value = data\n myValue.value = _value\n }\n watch(() => [props.data, props.value], ([data]: [CheckboxOptions, string | string []]) => {\n handleDataAndOption(data)\n }, {\n immediate: true,\n deep: true\n })\n const requestData = useRequestData(props)\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const handleRequestData = async () => {\n if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n const res = await requestData()\n const data = res?.data?.data?.rows || []\n handleDataAndOption(data)\n }\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const checkboxChange = emitEvent('checkboxChange', () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n })\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n setRequest({\n id: props.id as string,\n requestFn: handleRequestData,\n sortNum: props.requestSort as number\n })\n return {\n myOption,\n style,\n myValue,\n checkboxChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-checkbox {\n .ant-checkbox-group {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: space-between;\n align-content: space-between;\n flex-wrap: wrap;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;;;sCACEA,qBAMM,kBAAA;SAN2BC,IAAO,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IACtC,OAIEC,IAAAA,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,oBAFe,6BAAO;AAAA,MAAA,SAAA,KAAA;AAAA,MACrB,OAAQ,KAAA;AAAA,MAAA,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA;;;;;;"}
1
+ {"version":3,"file":"Checkbox.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.vue2.js","sources":["../../../src/control/checkbox/Checkbox.vue"],"sourcesContent":["<template>\n <div class=\"ecan-checkbox\" :style=\"style\">\n <a-checkbox-group\n :options=\"myOption\"\n v-model:value=\"myValue\"\n @change=\"checkboxChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { CheckboxGroup as ACheckboxGroup } from 'ant-design-vue'\nimport 'ant-design-vue/es/checkbox/style'\nimport { checkboxComponentProps, CheckboxOptions } from './props'\nimport { useEmitEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n name: 'EcanCheckbox',\n components: {\n ACheckboxGroup\n },\n props: {\n ...checkboxComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myOption = ref<CheckboxOptions>([])\n const myValue = ref<string []>([])\n const handleDataAndOption = (data) => {\n const value = props.value\n let _value = [] as string []\n data.forEach((item) => {\n if (item.checked) {\n _value.push(item.value)\n }\n })\n if (typeof value === 'string' && value !== '') {\n _value = _value.concat(value.split(','))\n } else if (Array.isArray(value)) {\n _value = _value.concat(value)\n }\n myOption.value = data\n myValue.value = _value\n }\n watch(() => [props.data, props.value], ([data]: [CheckboxOptions, string | string []]) => {\n handleDataAndOption(data)\n }, {\n immediate: true,\n deep: true\n })\n const requestData = useRequestData(props)\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const handleRequestData = async () => {\n if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n const res = await requestData()\n const data = res?.data?.data?.rows || []\n handleDataAndOption(data)\n }\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const checkboxChange = emitEvent('checkboxChange', () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n })\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n setRequest({\n id: props.id as string,\n requestFn: handleRequestData,\n sortNum: props.requestSort as number\n })\n return {\n myOption,\n style,\n myValue,\n checkboxChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-checkbox {\n .ant-checkbox-group {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: space-between;\n align-content: space-between;\n flex-wrap: wrap;\n }\n}\n</style>\n"],"names":["defineComponent","ACheckboxGroup","checkboxComponentProps","props","usePickComponentStyle","ref","watch","useRequestData","inject","GLOBAL_CONFIG","unref","GLOBAL_MODEL","useEmitEvent","REQUEST_MODEL","id"],"mappings":";;;;;;;;;;;AAkBA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,gBACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACnC,UAAA,WAAWE,QAAqB,CAAA,CAAE;AAClC,UAAA,UAAUA,QAAe,CAAA,CAAE;AAC3B,UAAA,sBAAsB,CAAC,SAAS;AACpC,YAAM,QAAQF,OAAM;AACpB,UAAI,SAAS,CAAA;AACR,WAAA,QAAQ,CAAC,SAAS;AACrB,YAAI,KAAK,SAAS;AACT,iBAAA,KAAK,KAAK,KAAK;AAAA,QACxB;AAAA,MAAA,CACD;AACD,UAAI,OAAO,UAAU,YAAY,UAAU,IAAI;AAC7C,iBAAS,OAAO,OAAO,MAAM,MAAM,GAAG,CAAC;AAAA,MAC9B,WAAA,MAAM,QAAQ,KAAK,GAAG;AACtB,iBAAA,OAAO,OAAO,KAAK;AAAA,MAC9B;AACA,eAAS,QAAQ;AACjB,cAAQ,QAAQ;AAAA,IAAA;AAEZG,cAAA,MAAM,CAACH,OAAM,MAAMA,OAAM,KAAK,GAAG,CAAC,CAAC,IAAI,MAA6C;AACxF,0BAAoB,IAAI;AAAA,IAAA,GACvB;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACK,UAAA,cAAcI,8BAAeJ,MAAK;AACxC,UAAM,EAAE,SAAA,IAAaK,IAAA,OAAOC,wBAAe;AAAA,MACzC,UAAU;AAAA,IAAA,CACX;AACD,UAAM,oBAAoB,YAAY;;AACpC,UAAIN,OAAM,aAAa,aAAaO,IAAAA,MAAM,QAAQ,MAAM;AAAU;AAC5D,YAAA,MAAM,MAAM;AAClB,YAAM,SAAO,sCAAK,SAAL,mBAAW,SAAX,mBAAiB,SAAQ,CAAA;AACtC,0BAAoB,IAAI;AAAA,IAAA;AAE1B,UAAM,KAAKP,OAAM;AACjB,UAAM,EAAE,gBAAgB,mBAAmBK,IAAAA,OAAOG,SAAAA,cAAc;AAAA;AAAA;AAAA,MAG9D,gBAAgB,CAAC,QAAgB;AAAA;AAAA;AAAA,MAGjC,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeR,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AAEK,UAAA,YAAYS,0BAAaT,MAAK;AAC9B,UAAA,iBAAiB,UAAU,kBAAkB,MAAM;AACjD,YAAA,QAAQ,eAAe,EAAE;AAE/B,qBAAe,IAAI,EAAE,GAAG,OAAO,QAAQ,SAAS;AAAA,IAAA,CACjD;AACD,UAAM,EAAE,WAAA,IAAeK,IAAA,OAAOK,wBAAe;AAAA;AAAA;AAAA,MAG3C,YAAY,CAAC,EAAE,IAAAC,KAAI,SAAS,UAAmC,MAAA;AAAA,IAAA,CAChE;AACU,eAAA;AAAA,MACT,IAAIX,OAAM;AAAA,MACV,WAAW;AAAA,MACX,SAASA,OAAM;AAAA,IAAA,CAChB;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
1
+ {"version":3,"file":"Checkbox.vue2.js","sources":["../../../src/control/checkbox/Checkbox.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { CheckboxGroup as ACheckboxGroup } from 'ant-design-vue'\nimport 'ant-design-vue/es/checkbox/style'\nimport { checkboxComponentProps, CheckboxOptions } from './props'\nimport { useEmitEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n name: 'EcanCheckbox',\n components: {\n ACheckboxGroup\n },\n props: {\n ...checkboxComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myOption = ref<CheckboxOptions>([])\n const myValue = ref<string []>([])\n const handleDataAndOption = (data) => {\n const value = props.value\n let _value = [] as string []\n data.forEach((item) => {\n if (item.checked) {\n _value.push(item.value)\n }\n })\n if (typeof value === 'string' && value !== '') {\n _value = _value.concat(value.split(','))\n } else if (Array.isArray(value)) {\n _value = _value.concat(value)\n }\n myOption.value = data\n myValue.value = _value\n }\n watch(() => [props.data, props.value], ([data]: [CheckboxOptions, string | string []]) => {\n handleDataAndOption(data)\n }, {\n immediate: true,\n deep: true\n })\n const requestData = useRequestData(props)\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const handleRequestData = async () => {\n if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n const res = await requestData()\n const data = res?.data?.data?.rows || []\n handleDataAndOption(data)\n }\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const checkboxChange = emitEvent('checkboxChange', () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n })\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n setRequest({\n id: props.id as string,\n requestFn: handleRequestData,\n sortNum: props.requestSort as number\n })\n return {\n myOption,\n style,\n myValue,\n checkboxChange\n }\n }\n})\n"],"names":["defineComponent","ACheckboxGroup","checkboxComponentProps","props","usePickComponentStyle","ref","watch","useRequestData","inject","GLOBAL_CONFIG","unref","GLOBAL_MODEL","useEmitEvent","REQUEST_MODEL","id"],"mappings":";;;;;;;;;;;AAQA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,gBACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACnC,UAAA,WAAWE,QAAqB,CAAA,CAAE;AAClC,UAAA,UAAUA,QAAe,CAAA,CAAE;AAC3B,UAAA,sBAAsB,CAAC,SAAS;AACpC,YAAM,QAAQF,OAAM;AACpB,UAAI,SAAS,CAAA;AACR,WAAA,QAAQ,CAAC,SAAS;AACrB,YAAI,KAAK,SAAS;AACT,iBAAA,KAAK,KAAK,KAAK;AAAA,QACxB;AAAA,MAAA,CACD;AACD,UAAI,OAAO,UAAU,YAAY,UAAU,IAAI;AAC7C,iBAAS,OAAO,OAAO,MAAM,MAAM,GAAG,CAAC;AAAA,MAC9B,WAAA,MAAM,QAAQ,KAAK,GAAG;AACtB,iBAAA,OAAO,OAAO,KAAK;AAAA,MAC9B;AACA,eAAS,QAAQ;AACjB,cAAQ,QAAQ;AAAA,IAAA;AAEZG,cAAA,MAAM,CAACH,OAAM,MAAMA,OAAM,KAAK,GAAG,CAAC,CAAC,IAAI,MAA6C;AACxF,0BAAoB,IAAI;AAAA,IAAA,GACvB;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACK,UAAA,cAAcI,8BAAeJ,MAAK;AACxC,UAAM,EAAE,SAAA,IAAaK,IAAA,OAAOC,wBAAe;AAAA,MACzC,UAAU;AAAA,IAAA,CACX;AACD,UAAM,oBAAoB,YAAY;;AACpC,UAAIN,OAAM,aAAa,aAAaO,IAAAA,MAAM,QAAQ,MAAM;AAAU;AAC5D,YAAA,MAAM,MAAM;AAClB,YAAM,SAAO,sCAAK,SAAL,mBAAW,SAAX,mBAAiB,SAAQ,CAAA;AACtC,0BAAoB,IAAI;AAAA,IAAA;AAE1B,UAAM,KAAKP,OAAM;AACjB,UAAM,EAAE,gBAAgB,mBAAmBK,IAAAA,OAAOG,SAAAA,cAAc;AAAA;AAAA;AAAA,MAG9D,gBAAgB,CAAC,QAAgB;AAAA;AAAA;AAAA,MAGjC,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeR,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AAEK,UAAA,YAAYS,0BAAaT,MAAK;AAC9B,UAAA,iBAAiB,UAAU,kBAAkB,MAAM;AACjD,YAAA,QAAQ,eAAe,EAAE;AAE/B,qBAAe,IAAI,EAAE,GAAG,OAAO,QAAQ,SAAS;AAAA,IAAA,CACjD;AACD,UAAM,EAAE,WAAA,IAAeK,IAAA,OAAOK,wBAAe;AAAA;AAAA;AAAA,MAG3C,YAAY,CAAC,EAAE,IAAAC,KAAI,SAAS,UAAmC,MAAA;AAAA,IAAA,CAChE;AACU,eAAA;AAAA,MACT,IAAIX,OAAM;AAAA,MACV,WAAW;AAAA,MACX,SAASA,OAAM;AAAA,IAAA,CAChB;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.vue.js","sources":["../../../src/control/date-picker/DatePicker.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-date-picker\"\n :style=\"style\"\n >\n <!-- 宽度style有效,class无效 -->\n <a-date-picker\n class=\"date-picker\"\n dropdownClassName=\"ecan-date-picker-dropdown\"\n v-model:value=\"myValue\"\n :format=\"format\"\n :picker=\"picker\"\n :showTime=\"showTime\"\n :locale=\"locale\"\n @change=\"dateChange\"\n :getPopupContainer=\"getPopupContainer\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { datePickerComponentProps } from './props'\nimport { DatePicker as ADatePicker } from 'ant-design-vue'\nimport 'ant-design-vue/es/date-picker/style'\nimport { usePickComponentStyle, useOnEvent, useEmitEvent } from '@/hooks'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanDatePicker',\n props: {\n ...datePickerComponentProps\n },\n components: {\n ADatePicker\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<Dayjs | null>(null)\n watch(() => [props.value, props.useCurrentTime], ([value, useCurrentTime]: [string, boolean]) => {\n let _value: Dayjs = null\n if (value) {\n _value = dayjs(value)\n } else if (useCurrentTime) {\n _value = dayjs()\n }\n myValue.value = _value\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {\n })\n // TODO 传入需要注册的参数\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n myValue,\n locale,\n dateChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-date-picker {\n .date-picker {\n width: 100%;\n height: 100%\n }\n}\n[datav-theme='light'] .ecan-date-picker {\n .ant-picker {\n background-color: #ffffff;\n color: rgba(0, 0, 0, 0.85);\n border: 1px solid #d9d9d9;\n }\n .ant-picker-input > input {\n color: rgba(0, 0, 0, 0.85);\n }\n .anticon-calendar {\n color: #333;\n }\n .anticon-close-circle {\n color: #333;\n }\n\n .ant-picker-input > input::placeholder {\n color: #bfbfbf;\n }\n}\n[datav-theme='darkBlue'] .ecan-date-picker {\n .ant-picker {\n background-color: #05164c;\n border: 1px solid #1f63a3;\n color: #fff;\n box-shadow: inset 0 0 10px #005efe;\n }\n .ant-picker-input > input {\n color: #ffffff;\n }\n .anticon-calendar {\n color: #ffffff;\n }\n .anticon-close-circle {\n color: #333;\n }\n}\n[datav-theme='darkBlue'] .ecan-date-picker-dropdown {\n .ant-picker-panel {\n background: #05174e;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-header {\n color: #69befa;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-panel .ant-picker-footer {\n border-top: 1px solid #69befa;\n }\n .ant-picker-header button {\n color: #69befa;\n }\n .ant-picker-content th {\n color: #69befa;\n }\n .ant-picker-content td {\n color: #69befa;\n }\n .ant-picker-today-btn {\n color: #69befa;\n }\n .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {\n background: #1890ff;\n color: #ffffff;\n }\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {\n color: #69befa;\n }\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {\n background: #1890ff;\n color: #ffffff;\n }\n\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background: #1890ff;\n color: #ffffff;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;;;mCACEA,qBAgBM,eAAA;SAdEC,IAAO,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAGb,OAUEC,IAAAA,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,oBARA,0BAAkB;AAAA,MACV,OAAO;AAAA,MAAA,mBAAA;AAAA,MACd,OAAM,KAAE;AAAA,MACR,kBAAQ,OAAM,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA,MACd,QAAQ,KAAE;AAAA,MACV,QAAQ,KAAA;AAAA,MACR,UAAQ,KAAA;AAAA,MACR,QAAA,KAAA;AAAA,MAAA,UAAA,KAAA;AAAA;;;;;;"}
1
+ {"version":3,"file":"DatePicker.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.vue2.js","sources":["../../../src/control/date-picker/DatePicker.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-date-picker\"\n :style=\"style\"\n >\n <!-- 宽度style有效,class无效 -->\n <a-date-picker\n class=\"date-picker\"\n dropdownClassName=\"ecan-date-picker-dropdown\"\n v-model:value=\"myValue\"\n :format=\"format\"\n :picker=\"picker\"\n :showTime=\"showTime\"\n :locale=\"locale\"\n @change=\"dateChange\"\n :getPopupContainer=\"getPopupContainer\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { datePickerComponentProps } from './props'\nimport { DatePicker as ADatePicker } from 'ant-design-vue'\nimport 'ant-design-vue/es/date-picker/style'\nimport { usePickComponentStyle, useOnEvent, useEmitEvent } from '@/hooks'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanDatePicker',\n props: {\n ...datePickerComponentProps\n },\n components: {\n ADatePicker\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<Dayjs | null>(null)\n watch(() => [props.value, props.useCurrentTime], ([value, useCurrentTime]: [string, boolean]) => {\n let _value: Dayjs = null\n if (value) {\n _value = dayjs(value)\n } else if (useCurrentTime) {\n _value = dayjs()\n }\n myValue.value = _value\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {\n })\n // TODO 传入需要注册的参数\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n myValue,\n locale,\n dateChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-date-picker {\n .date-picker {\n width: 100%;\n height: 100%\n }\n}\n[datav-theme='light'] .ecan-date-picker {\n .ant-picker {\n background-color: #ffffff;\n color: rgba(0, 0, 0, 0.85);\n border: 1px solid #d9d9d9;\n }\n .ant-picker-input > input {\n color: rgba(0, 0, 0, 0.85);\n }\n .anticon-calendar {\n color: #333;\n }\n .anticon-close-circle {\n color: #333;\n }\n\n .ant-picker-input > input::placeholder {\n color: #bfbfbf;\n }\n}\n[datav-theme='darkBlue'] .ecan-date-picker {\n .ant-picker {\n background-color: #05164c;\n border: 1px solid #1f63a3;\n color: #fff;\n box-shadow: inset 0 0 10px #005efe;\n }\n .ant-picker-input > input {\n color: #ffffff;\n }\n .anticon-calendar {\n color: #ffffff;\n }\n .anticon-close-circle {\n color: #333;\n }\n}\n[datav-theme='darkBlue'] .ecan-date-picker-dropdown {\n .ant-picker-panel {\n background: #05174e;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-header {\n color: #69befa;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-panel .ant-picker-footer {\n border-top: 1px solid #69befa;\n }\n .ant-picker-header button {\n color: #69befa;\n }\n .ant-picker-content th {\n color: #69befa;\n }\n .ant-picker-content td {\n color: #69befa;\n }\n .ant-picker-today-btn {\n color: #69befa;\n }\n .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {\n background: #1890ff;\n color: #ffffff;\n }\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {\n color: #69befa;\n }\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {\n background: #1890ff;\n color: #ffffff;\n }\n\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background: #1890ff;\n color: #ffffff;\n }\n}\n</style>\n"],"names":["defineComponent","datePickerComponentProps","ADatePicker","props","usePickComponentStyle","ref","watch","inject","GLOBAL_MODEL","useEmitEvent","useOnEvent","locale"],"mappings":";;;;;;;;;;;;;;;AA6BA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IAAA,aACVC,aAAA;AAAA,EACF;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACzC,UAAM,oBAAoB,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AAChF,UAAA,UAAUE,QAAkB,IAAI;AAChCC,cAAA,MAAM,CAACH,OAAM,OAAOA,OAAM,cAAc,GAAG,CAAC,CAAC,OAAO,cAAc,MAAyB;AAC/F,UAAI,SAAgB;AACpB,UAAI,OAAO;AACT,iBAAS,MAAM,KAAK;AAAA,iBACX,gBAAgB;AACzB,iBAAS,MAAM;AAAA,MACjB;AACA,cAAQ,QAAQ;AAAA,IAAA,GACf;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,EAAE,eAAA,IAAmBI,IAAA,OAAOC,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeL,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,QAAQA,OAAM;AAAA,MACd,OAAO;AAAA,IAAA,CACR;AAEK,UAAA,YAAYM,0BAAaN,MAAK;AAC9B,UAAA,aAAa,UAAU,cAAc,MAAM;AAAA,IAAA,CAChD;AAEDO,eAAAA,WAAWP,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAAA,QACAQ,MAAA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
1
+ {"version":3,"file":"DatePicker.vue2.js","sources":["../../../src/control/date-picker/DatePicker.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { datePickerComponentProps } from './props'\nimport { DatePicker as ADatePicker } from 'ant-design-vue'\nimport 'ant-design-vue/es/date-picker/style'\nimport { usePickComponentStyle, useOnEvent, useEmitEvent } from '@/hooks'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanDatePicker',\n props: {\n ...datePickerComponentProps\n },\n components: {\n ADatePicker\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<Dayjs | null>(null)\n watch(() => [props.value, props.useCurrentTime], ([value, useCurrentTime]: [string, boolean]) => {\n let _value: Dayjs = null\n if (value) {\n _value = dayjs(value)\n } else if (useCurrentTime) {\n _value = dayjs()\n }\n myValue.value = _value\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {\n })\n // TODO 传入需要注册的参数\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n myValue,\n locale,\n dateChange\n }\n }\n})\n"],"names":["defineComponent","datePickerComponentProps","ADatePicker","props","usePickComponentStyle","ref","watch","inject","GLOBAL_MODEL","useEmitEvent","useOnEvent","locale"],"mappings":";;;;;;;;;;;;;;;AASA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IAAA,aACVC,aAAA;AAAA,EACF;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACzC,UAAM,oBAAoB,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AAChF,UAAA,UAAUE,QAAkB,IAAI;AAChCC,cAAA,MAAM,CAACH,OAAM,OAAOA,OAAM,cAAc,GAAG,CAAC,CAAC,OAAO,cAAc,MAAyB;AAC/F,UAAI,SAAgB;AACpB,UAAI,OAAO;AACT,iBAAS,MAAM,KAAK;AAAA,iBACX,gBAAgB;AACzB,iBAAS,MAAM;AAAA,MACjB;AACA,cAAQ,QAAQ;AAAA,IAAA,GACf;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,EAAE,eAAA,IAAmBI,IAAA,OAAOC,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeL,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,QAAQA,OAAM;AAAA,MACd,OAAO;AAAA,IAAA,CACR;AAEK,UAAA,YAAYM,0BAAaN,MAAK;AAC9B,UAAA,aAAa,UAAU,cAAc,MAAM;AAAA,IAAA,CAChD;AAEDO,eAAAA,WAAWP,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAAA,QACAQ,MAAA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.vue.js","sources":["../../../src/control/input/Input.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-input\"\n :style=\"style\"\n >\n <a-input\n class=\"input\"\n v-model:value=\"myValue\"\n :placeholder=\"placeholder\"\n @change=\"inputChange\"\n @blur=\"inputBlur\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { useEmitEvent, usePickComponentStyle } from '@/hooks'\nimport { Input as AInput } from 'ant-design-vue'\nimport 'ant-design-vue/es/input/style'\nimport { inputComponentProps } from './props'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport { debounce } from 'lodash-es'\nexport default defineComponent({\n name: 'EcanInput',\n components: {\n AInput\n },\n props: {\n ...inputComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myValue = ref<string>('')\n watch(() => props.value, (value: string) => {\n myValue.value = value\n }, {\n immediate: true\n })\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n const handleSetGlobalModel = () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n }\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const inputChange = debounce(emitEvent('inputChange', () => {\n handleSetGlobalModel()\n }), 300)\n const inputBlur = emitEvent('inputBlur', () => {\n })\n return {\n style,\n myValue,\n inputBlur,\n inputChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-input {\n .ant-input {\n width: 100%;\n height: 100%;\n }\n}\n\n[datav-theme='light'] .ecan-input {\n .ant-input{\n color: rgba(0, 0, 0, 0.65);\n background-color: #ffffff;\n border: 1px solid #d9d9d9;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-input {\n .ant-input{\n border: 1px solid #1f63a3;\n background-color: #05164c;\n box-shadow: inset 0 0 10px #005efe;\n color: #ffffff;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;;;6BACEA,qBAWM,SAAA;SATEC,IAAO,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAEX,OAMEC,IAAAA,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,oBAJe,oBAAO;AAAA,MAAA,OAAA;AAAA,MACrB,OAAW,KAAA;AAAA,MACX,kBAAQ,OAAW,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA,MACnB,aAAM,KAAA;AAAA,MAAA,UAAA,KAAA;AAAA;;;;;;"}
1
+ {"version":3,"file":"Input.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.vue2.js","sources":["../../../src/control/input/Input.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-input\"\n :style=\"style\"\n >\n <a-input\n class=\"input\"\n v-model:value=\"myValue\"\n :placeholder=\"placeholder\"\n @change=\"inputChange\"\n @blur=\"inputBlur\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { useEmitEvent, usePickComponentStyle } from '@/hooks'\nimport { Input as AInput } from 'ant-design-vue'\nimport 'ant-design-vue/es/input/style'\nimport { inputComponentProps } from './props'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport { debounce } from 'lodash-es'\nexport default defineComponent({\n name: 'EcanInput',\n components: {\n AInput\n },\n props: {\n ...inputComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myValue = ref<string>('')\n watch(() => props.value, (value: string) => {\n myValue.value = value\n }, {\n immediate: true\n })\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n const handleSetGlobalModel = () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n }\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const inputChange = debounce(emitEvent('inputChange', () => {\n handleSetGlobalModel()\n }), 300)\n const inputBlur = emitEvent('inputBlur', () => {\n })\n return {\n style,\n myValue,\n inputBlur,\n inputChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-input {\n .ant-input {\n width: 100%;\n height: 100%;\n }\n}\n\n[datav-theme='light'] .ecan-input {\n .ant-input{\n color: rgba(0, 0, 0, 0.65);\n background-color: #ffffff;\n border: 1px solid #d9d9d9;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-input {\n .ant-input{\n border: 1px solid #1f63a3;\n background-color: #05164c;\n box-shadow: inset 0 0 10px #005efe;\n color: #ffffff;\n }\n}\n</style>\n"],"names":["defineComponent","AInput","inputComponentProps","props","usePickComponentStyle","ref","watch","inject","GLOBAL_MODEL","useEmitEvent","debounce"],"mappings":";;;;;;;;;;;;AAuBA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,QACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACnC,UAAA,UAAUE,QAAY,EAAE;AAC9BC,QAAAA,MAAM,MAAMH,OAAM,OAAO,CAAC,UAAkB;AAC1C,cAAQ,QAAQ;AAAA,IAAA,GACf;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,KAAKA,OAAM;AACjB,UAAM,EAAE,gBAAgB,mBAAmBI,IAAAA,OAAOC,SAAAA,cAAc;AAAA;AAAA;AAAA,MAG9D,gBAAgB,CAAC,QAAgB;AAAA;AAAA;AAAA,MAGjC,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeL,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AACD,UAAM,uBAAuB,MAAM;AAC3B,YAAA,QAAQ,eAAe,EAAE;AAE/B,qBAAe,IAAI,EAAE,GAAG,OAAO,QAAQ,SAAS;AAAA,IAAA;AAG5C,UAAA,YAAYM,0BAAaN,MAAK;AACpC,UAAM,cAAcO,SAAAA,SAAS,UAAU,eAAe,MAAM;AACrC;IAAA,CACtB,GAAG,GAAG;AACD,UAAA,YAAY,UAAU,aAAa,MAAM;AAAA,IAAA,CAC9C;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
1
+ {"version":3,"file":"Input.vue2.js","sources":["../../../src/control/input/Input.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { useEmitEvent, usePickComponentStyle } from '@/hooks'\nimport { Input as AInput } from 'ant-design-vue'\nimport 'ant-design-vue/es/input/style'\nimport { inputComponentProps } from './props'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport { debounce } from 'lodash-es'\nexport default defineComponent({\n name: 'EcanInput',\n components: {\n AInput\n },\n props: {\n ...inputComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myValue = ref<string>('')\n watch(() => props.value, (value: string) => {\n myValue.value = value\n }, {\n immediate: true\n })\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n const handleSetGlobalModel = () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n }\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const inputChange = debounce(emitEvent('inputChange', () => {\n handleSetGlobalModel()\n }), 300)\n const inputBlur = emitEvent('inputBlur', () => {\n })\n return {\n style,\n myValue,\n inputBlur,\n inputChange\n }\n }\n})\n"],"names":["defineComponent","AInput","inputComponentProps","props","usePickComponentStyle","ref","watch","inject","GLOBAL_MODEL","useEmitEvent","debounce"],"mappings":";;;;;;;;;;;;AAQA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,QACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACnC,UAAA,UAAUE,QAAY,EAAE;AAC9BC,QAAAA,MAAM,MAAMH,OAAM,OAAO,CAAC,UAAkB;AAC1C,cAAQ,QAAQ;AAAA,IAAA,GACf;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,KAAKA,OAAM;AACjB,UAAM,EAAE,gBAAgB,mBAAmBI,IAAAA,OAAOC,SAAAA,cAAc;AAAA;AAAA;AAAA,MAG9D,gBAAgB,CAAC,QAAgB;AAAA;AAAA;AAAA,MAGjC,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeL,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AACD,UAAM,uBAAuB,MAAM;AAC3B,YAAA,QAAQ,eAAe,EAAE;AAE/B,qBAAe,IAAI,EAAE,GAAG,OAAO,QAAQ,SAAS;AAAA,IAAA;AAG5C,UAAA,YAAYM,0BAAaN,MAAK;AACpC,UAAM,cAAcO,SAAAA,SAAS,UAAU,eAAe,MAAM;AACrC;IAAA,CACtB,GAAG,GAAG;AACD,UAAA,YAAY,UAAU,aAAa,MAAM;AAAA,IAAA,CAC9C;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"RangePicker.vue.js","sources":["../../../src/control/range-picker/RangePicker.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-range-picker\"\n :style=\"style\"\n >\n <a-range-picker\n class=\"range-picker\"\n dropdownClassName=\"ecan-range-picker-dropdown\"\n v-model:value=\"myValue\"\n :format=\"format\"\n :picker=\"picker\"\n :locale=\"locale\"\n :getPopupContainer=\"getPopupContainer\"\n @change=\"dateChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, unref, watch, ref } from 'vue'\nimport { rangePickerComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { RangePicker as ARangePicker } from 'ant-design-vue'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\n// antdv 中 range-picker 组件与 date-picker 共用一个样式\nimport 'ant-design-vue/es/date-picker/style'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport dayjs, { Dayjs, ManipulateType } from 'dayjs'\nexport default defineComponent({\n name: 'EcanRangePicker',\n components: {\n ARangePicker\n },\n props: {\n ...rangePickerComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<[Dayjs, Dayjs]>([null, null])\n watch(() => [props.startTime, props.endTime, props.useCurrentTime, props.interval, props.intervalUnit], ([startTime, endTime, useCurrentTime, interval, intervalUnit]: [string, string, boolean, number, ManipulateType]) => {\n let _startTime: Dayjs = null\n let _endTime: Dayjs = null\n if (useCurrentTime) {\n _startTime = dayjs().subtract(interval, intervalUnit)\n _endTime = dayjs()\n }\n if (startTime) {\n _startTime = dayjs(startTime)\n }\n if (endTime) {\n _endTime = dayjs(endTime)\n }\n myValue.value = [_startTime, _endTime]\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n const myStartTime = computed(() => unref(myValue)[0])\n const myEndTime = computed(() => unref(myValue)[1])\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n startTime: myStartTime,\n endTime: myEndTime\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {})\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n locale,\n dateChange,\n myValue\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.range-picker {\n width: 100%;\n height: 100%;\n}\n</style>\n\n<style lang=\"less\">\n[datav-theme='light'] .ecan-range-picker{\n .ant-picker {\n background-color: #ffffff;\n color: rgba(0, 0, 0, 0.85);\n border: 1px solid #d9d9d9;\n }\n .ant-picker-input > input {\n color: rgba(0, 0, 0, 0.85);\n }\n .anticon-calendar {\n color: #333;\n }\n .anticon-close-circle {\n color: #333;\n }\n .ant-picker-input > input::placeholder {\n color: #bfbfbf;\n }\n .ant-picker-separator .anticon {\n color:#333;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-range-picker {\n .ant-picker {\n background-color: #05164c;\n border: 1px solid #1f63a3;\n color: #fff;\n box-shadow: inset 0 0 10px #005efe;\n }\n .ant-picker-input > input {\n color: #ffffff;\n }\n .anticon-calendar {\n color: #ffffff;\n }\n .anticon-close-circle {\n color: #333;\n }\n .ant-picker-separator .anticon {\n color:#fff;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown {\n .ant-picker-panel {\n background: #05174e;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-header {\n color: #69befa;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-panel .ant-picker-footer {\n border-top: 1px solid #69befa;\n }\n .ant-picker-header button {\n color: #69befa;\n }\n .ant-picker-content th {\n color: #69befa;\n }\n .ant-picker-content td {\n color: #69befa;\n }\n .ant-picker-today-btn {\n color: #69befa;\n }\n .ant-picker-cell-disabled .ant-picker-cell-inner {\n color: #999;\n }\n .ant-picker-cell-disabled::before {\n background: #333;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;;;;oCACEA,qBAcM,gBAAA;SAZEC,IAAO,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAEb,OASEC,IAAAA,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,oBAPA,2BAAkB;AAAA,MACV,OAAO;AAAA,MAAA,mBAAA;AAAA,MACd,OAAM,KAAE;AAAA,MACR,kBAAQ,OAAM,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA,MACd,QAAQ,KAAA;AAAA,MACR,QAAA,KAAA;AAAA,MACA,QAAM,KAAE;AAAA,MAAA,mBAAA,KAAA;AAAA;;;;;;"}
1
+ {"version":3,"file":"RangePicker.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"RangePicker.vue2.js","sources":["../../../src/control/range-picker/RangePicker.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-range-picker\"\n :style=\"style\"\n >\n <a-range-picker\n class=\"range-picker\"\n dropdownClassName=\"ecan-range-picker-dropdown\"\n v-model:value=\"myValue\"\n :format=\"format\"\n :picker=\"picker\"\n :locale=\"locale\"\n :getPopupContainer=\"getPopupContainer\"\n @change=\"dateChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, unref, watch, ref } from 'vue'\nimport { rangePickerComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { RangePicker as ARangePicker } from 'ant-design-vue'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\n// antdv 中 range-picker 组件与 date-picker 共用一个样式\nimport 'ant-design-vue/es/date-picker/style'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport dayjs, { Dayjs, ManipulateType } from 'dayjs'\nexport default defineComponent({\n name: 'EcanRangePicker',\n components: {\n ARangePicker\n },\n props: {\n ...rangePickerComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<[Dayjs, Dayjs]>([null, null])\n watch(() => [props.startTime, props.endTime, props.useCurrentTime, props.interval, props.intervalUnit], ([startTime, endTime, useCurrentTime, interval, intervalUnit]: [string, string, boolean, number, ManipulateType]) => {\n let _startTime: Dayjs = null\n let _endTime: Dayjs = null\n if (useCurrentTime) {\n _startTime = dayjs().subtract(interval, intervalUnit)\n _endTime = dayjs()\n }\n if (startTime) {\n _startTime = dayjs(startTime)\n }\n if (endTime) {\n _endTime = dayjs(endTime)\n }\n myValue.value = [_startTime, _endTime]\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n const myStartTime = computed(() => unref(myValue)[0])\n const myEndTime = computed(() => unref(myValue)[1])\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n startTime: myStartTime,\n endTime: myEndTime\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {})\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n locale,\n dateChange,\n myValue\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.range-picker {\n width: 100%;\n height: 100%;\n}\n</style>\n\n<style lang=\"less\">\n[datav-theme='light'] .ecan-range-picker{\n .ant-picker {\n background-color: #ffffff;\n color: rgba(0, 0, 0, 0.85);\n border: 1px solid #d9d9d9;\n }\n .ant-picker-input > input {\n color: rgba(0, 0, 0, 0.85);\n }\n .anticon-calendar {\n color: #333;\n }\n .anticon-close-circle {\n color: #333;\n }\n .ant-picker-input > input::placeholder {\n color: #bfbfbf;\n }\n .ant-picker-separator .anticon {\n color:#333;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-range-picker {\n .ant-picker {\n background-color: #05164c;\n border: 1px solid #1f63a3;\n color: #fff;\n box-shadow: inset 0 0 10px #005efe;\n }\n .ant-picker-input > input {\n color: #ffffff;\n }\n .anticon-calendar {\n color: #ffffff;\n }\n .anticon-close-circle {\n color: #333;\n }\n .ant-picker-separator .anticon {\n color:#fff;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown {\n .ant-picker-panel {\n background: #05174e;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-header {\n color: #69befa;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-panel .ant-picker-footer {\n border-top: 1px solid #69befa;\n }\n .ant-picker-header button {\n color: #69befa;\n }\n .ant-picker-content th {\n color: #69befa;\n }\n .ant-picker-content td {\n color: #69befa;\n }\n .ant-picker-today-btn {\n color: #69befa;\n }\n .ant-picker-cell-disabled .ant-picker-cell-inner {\n color: #999;\n }\n .ant-picker-cell-disabled::before {\n background: #333;\n }\n}\n</style>\n"],"names":["defineComponent","ARangePicker","rangePickerComponentProps","props","usePickComponentStyle","ref","watch","inject","GLOBAL_MODEL","computed","unref","useEmitEvent","useOnEvent","locale"],"mappings":";;;;;;;;;;;;;;;AA4BA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,cACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACzC,UAAM,oBAAoB,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AACtF,UAAM,UAAUE,IAAA,IAAoB,CAAC,MAAM,IAAI,CAAC;AAC1CC,cAAA,MAAM,CAACH,OAAM,WAAWA,OAAM,SAASA,OAAM,gBAAgBA,OAAM,UAAUA,OAAM,YAAY,GAAG,CAAC,CAAC,WAAW,SAAS,gBAAgB,UAAU,YAAY,MAAyD;AAC3N,UAAI,aAAoB;AACxB,UAAI,WAAkB;AACtB,UAAI,gBAAgB;AAClB,qBAAa,MAAM,EAAE,SAAS,UAAU,YAAY;AACpD,mBAAW,MAAM;AAAA,MACnB;AACA,UAAI,WAAW;AACb,qBAAa,MAAM,SAAS;AAAA,MAC9B;AACA,UAAI,SAAS;AACX,mBAAW,MAAM,OAAO;AAAA,MAC1B;AACQ,cAAA,QAAQ,CAAC,YAAY,QAAQ;AAAA,IAAA,GACpC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,EAAE,eAAA,IAAmBI,IAAA,OAAOC,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AACD,UAAM,cAAcC,IAAAA,SAAS,MAAMC,IAAAA,MAAM,OAAO,EAAE,CAAC,CAAC;AACpD,UAAM,YAAYD,IAAAA,SAAS,MAAMC,IAAAA,MAAM,OAAO,EAAE,CAAC,CAAC;AAElD,mBAAeP,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,QAAQA,OAAM;AAAA,MACd,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV;AAEK,UAAA,YAAYQ,0BAAaR,MAAK;AAC9B,UAAA,aAAa,UAAU,cAAc,MAAM;AAAA,IAAA,CAAE;AACnDS,eAAAA,WAAWT,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MAAA,QACAU,MAAA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
1
+ {"version":3,"file":"RangePicker.vue2.js","sources":["../../../src/control/range-picker/RangePicker.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { computed, defineComponent, inject, unref, watch, ref } from 'vue'\nimport { rangePickerComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { RangePicker as ARangePicker } from 'ant-design-vue'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\n// antdv 中 range-picker 组件与 date-picker 共用一个样式\nimport 'ant-design-vue/es/date-picker/style'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport dayjs, { Dayjs, ManipulateType } from 'dayjs'\nexport default defineComponent({\n name: 'EcanRangePicker',\n components: {\n ARangePicker\n },\n props: {\n ...rangePickerComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<[Dayjs, Dayjs]>([null, null])\n watch(() => [props.startTime, props.endTime, props.useCurrentTime, props.interval, props.intervalUnit], ([startTime, endTime, useCurrentTime, interval, intervalUnit]: [string, string, boolean, number, ManipulateType]) => {\n let _startTime: Dayjs = null\n let _endTime: Dayjs = null\n if (useCurrentTime) {\n _startTime = dayjs().subtract(interval, intervalUnit)\n _endTime = dayjs()\n }\n if (startTime) {\n _startTime = dayjs(startTime)\n }\n if (endTime) {\n _endTime = dayjs(endTime)\n }\n myValue.value = [_startTime, _endTime]\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n const myStartTime = computed(() => unref(myValue)[0])\n const myEndTime = computed(() => unref(myValue)[1])\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n startTime: myStartTime,\n endTime: myEndTime\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {})\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n locale,\n dateChange,\n myValue\n }\n }\n})\n"],"names":["defineComponent","ARangePicker","rangePickerComponentProps","props","usePickComponentStyle","ref","watch","inject","GLOBAL_MODEL","computed","unref","useEmitEvent","useOnEvent","locale"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,cACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACzC,UAAM,oBAAoB,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AACtF,UAAM,UAAUE,IAAA,IAAoB,CAAC,MAAM,IAAI,CAAC;AAC1CC,cAAA,MAAM,CAACH,OAAM,WAAWA,OAAM,SAASA,OAAM,gBAAgBA,OAAM,UAAUA,OAAM,YAAY,GAAG,CAAC,CAAC,WAAW,SAAS,gBAAgB,UAAU,YAAY,MAAyD;AAC3N,UAAI,aAAoB;AACxB,UAAI,WAAkB;AACtB,UAAI,gBAAgB;AAClB,qBAAa,MAAM,EAAE,SAAS,UAAU,YAAY;AACpD,mBAAW,MAAM;AAAA,MACnB;AACA,UAAI,WAAW;AACb,qBAAa,MAAM,SAAS;AAAA,MAC9B;AACA,UAAI,SAAS;AACX,mBAAW,MAAM,OAAO;AAAA,MAC1B;AACQ,cAAA,QAAQ,CAAC,YAAY,QAAQ;AAAA,IAAA,GACpC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,EAAE,eAAA,IAAmBI,IAAA,OAAOC,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AACD,UAAM,cAAcC,IAAAA,SAAS,MAAMC,IAAAA,MAAM,OAAO,EAAE,CAAC,CAAC;AACpD,UAAM,YAAYD,IAAAA,SAAS,MAAMC,IAAAA,MAAM,OAAO,EAAE,CAAC,CAAC;AAElD,mBAAeP,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,QAAQA,OAAM;AAAA,MACd,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV;AAEK,UAAA,YAAYQ,0BAAaR,MAAK;AAC9B,UAAA,aAAa,UAAU,cAAc,MAAM;AAAA,IAAA,CAAE;AACnDS,eAAAA,WAAWT,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MAAA,QACAU,MAAA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.vue.js","sources":["../../../src/control/select/Select.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-select\"\n :style=\"style\"\n >\n <a-select\n class=\"select\"\n v-model:value=\"myValue\"\n :options=\"options\"\n :mode=\"mode\"\n :getPopupContainer=\"getPopupContainer\"\n :field-names=\"dataFieldNames\"\n :maxTagCount=\"maxTagCount\"\n show-search\n :filter-option=\"filterOption\"\n @change=\"selectChange\"\n :loading=\"loading\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref } from 'vue'\nimport { Select as ASelect } from 'ant-design-vue'\nimport 'ant-design-vue/es/select/style'\nimport { selectComponentProps, SelectOptions } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n name: 'EcanSelect',\n components: {\n ASelect\n },\n props: {\n ...selectComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n // 挂在在 ProviderConfig 或者 body 下\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const requestData = useRequestData(props)\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const options = ref(props.data as SelectOptions)\n const myValue = ref(props.value || props.data[0])\n const dataFieldNames = props.dataFieldNames as { label:string, value:string }\n const filterOption = (input: string, option: any) => {\n const labelKey = dataFieldNames.label\n const valueKey = dataFieldNames.value\n let value: string | undefined\n // 没有 label 值才用 value\n // ant-select 组件如果没有传 label 值会使用 value 作为值\n const labelValue = option[labelKey]\n const valueValue = option[valueKey]\n if (labelValue != null) {\n value = labelValue\n } else if (valueValue != null) {\n value = valueValue\n }\n return !!(value?.toLowerCase().indexOf(input?.toLowerCase()) >= 0)\n }\n const loading = ref(false)\n const handleRequestData = async () => {\n if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n loading.value = true\n try {\n const res = await requestData()\n options.value = res?.data?.data?.rows || []\n const firstOption = unref(options)[0]\n if (props.value === '' && firstOption != null) {\n myValue.value = firstOption[dataFieldNames.value]\n }\n } catch (e) {\n console.error(e)\n } finally {\n loading.value = false\n }\n }\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const selectChange = emitEvent('selectChange', () => {\n const id = props.id as string\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n })\n // TODO 传入需要注册的参数\n useOnEvent(props, {\n selectChange\n })\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n setRequest({\n id: props.id as string,\n requestFn: handleRequestData,\n sortNum: props.requestSort as number\n })\n return {\n style,\n getPopupContainer,\n myValue,\n selectChange,\n options,\n filterOption,\n loading\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.select {\n width: 100%;\n height: 100%;\n}\n</style>\n\n<style lang=\"less\">\n.ecan-select {\n .ant-select {\n height: 100% !important;\n width: 100% !important;\n }\n .ant-select-selector {\n height: 100% !important;\n width: 100% !important;\n display: flex;\n align-items: center;\n input {\n height: 100% !important;\n }\n }\n}\n\n[datav-theme='light'] {\n .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n border: 1px solid #d9d9d9;\n }\n .ant-select-dropdown {\n color: rgba(0, 0, 0, 0.85);\n background: #ffffff;\n box-shadow: 0 2px 8px rgb(0 0 0 / 15%);\n }\n .ant-empty-img-simple-g {\n stroke: #d9d9d9;\n }\n .ant-empty-img-simple-ellipse {\n fill: #f5f5f5;\n }\n .ant-empty-img-simple-path {\n fill: #f5f5f5;\n stroke: #d9d9d9;\n }\n .ant-empty-description {\n color: rgba(0, 0, 0, 0.25);\n }\n .anticon-down {\n color: #333;\n }\n}\n\n[datav-theme='darkBlue'] {\n .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n border: 1px solid #1f63a3;\n background-color: #05164c;\n box-shadow: inset 0 0 10px #005efe;\n color: #ffffff;\n }\n .ant-select-dropdown {\n box-shadow: inset 0 0 10px #005efe;\n color: #fff;\n background-color: #05164c;\n }\n .ant-empty-img-simple-g {\n stroke: #69befa;\n }\n .ant-empty-img-simple-ellipse {\n fill-opacity: 0;\n }\n .ant-empty-img-simple-path {\n fill: #69befa;\n stroke: #69befa;\n }\n .ant-empty-description {\n color: #69befa;\n }\n .anticon-down {\n color: #ffffff;\n }\n .ant-select-item {\n color: #ffffff;\n }\n .ant-select-item-option-active {\n background: #1f63a3;\n }\n .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n background: #1f63a3;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;;;;8BACEA,qBAiBM,UAAA;SAfEC,IAAO,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAEb,OAYEC,IAAAA,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,oBAVe,qBAAO;AAAA,MAAA,OAAA;AAAA,MACrB,OAAO,KAAE;AAAA,MACT,kBAAU,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA,MACV,SAAA,KAAA;AAAA,MACA,MAAA,KAAA;AAAA,MACA,mBAAa,KAAA;AAAA,MACd,eAAW,KAAA;AAAA,MACV,aAAe,KAAA;AAAA,MACf,eAAQ;AAAA,MACR,iBAAS,KAAO;AAAA,MAAA,UAAA,KAAA;AAAA;;;;;;"}
1
+ {"version":3,"file":"Select.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}