@yimou6/common-ui 1.7.0 → 1.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/index.cdn.js +6 -6
- package/cdn/index.cdn.js.map +1 -1
- package/cdn/index.cdn.mjs +6 -6
- package/cdn/index.cdn.mjs.map +1 -1
- package/es/components/search/index.d.ts +0 -1
- package/es/components/search/src/search.vue.d.ts +0 -1
- package/es/components/search/src/search.vue2.mjs +0 -5
- package/es/components/search/src/search.vue2.mjs.map +1 -1
- package/es/hooks/useECharts/index.d.ts +1 -1
- package/es/hooks/useECharts/index.mjs +6 -4
- package/es/hooks/useECharts/index.mjs.map +1 -1
- package/lib/components/search/index.d.ts +0 -1
- package/lib/components/search/src/search.vue.d.ts +0 -1
- package/lib/components/search/src/search.vue2.js +0 -5
- package/lib/components/search/src/search.vue2.js.map +1 -1
- package/lib/hooks/useECharts/index.d.ts +1 -1
- package/lib/hooks/useECharts/index.js +6 -4
- package/lib/hooks/useECharts/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -189,7 +189,6 @@ export declare const ISearch: import("../../types").SFCWithInstall<import("vue")
|
|
|
189
189
|
bindAttrs: import("vue").Ref<any, any>;
|
|
190
190
|
formRef: import("vue").Ref<any, any>;
|
|
191
191
|
handleChange: (key: string, value: any, ref: any, comp: string) => void;
|
|
192
|
-
ClickOutside: (v: any) => void;
|
|
193
192
|
readonly ElButton: import("element-plus/es/utils").SFCWithInstall<{
|
|
194
193
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
195
194
|
readonly size: {
|
|
@@ -189,7 +189,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
189
189
|
bindAttrs: import("vue").Ref<any, any>;
|
|
190
190
|
formRef: import("vue").Ref<any, any>;
|
|
191
191
|
handleChange: (key: string, value: any, ref: any, comp: string) => void;
|
|
192
|
-
ClickOutside: (v: any) => void;
|
|
193
192
|
readonly ElButton: import("element-plus/es/utils").SFCWithInstall<{
|
|
194
193
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
195
194
|
readonly size: {
|
|
@@ -33,7 +33,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
bindAttrs.value = attrs;
|
|
36
|
-
console.log("\u{1F680} ~ watchEffect ~ indAttrs.value:", bindAttrs.value);
|
|
37
36
|
});
|
|
38
37
|
const formRef = ref();
|
|
39
38
|
__expose({
|
|
@@ -47,10 +46,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
47
46
|
if (comp === "el-input") {
|
|
48
47
|
}
|
|
49
48
|
}, "handleChange");
|
|
50
|
-
function ClickOutside(v) {
|
|
51
|
-
console.log("\u{1F680} ~ ClickOutside ~ v:", v);
|
|
52
|
-
}
|
|
53
|
-
__name(ClickOutside, "ClickOutside");
|
|
54
49
|
return (_ctx, _cache) => {
|
|
55
50
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
56
51
|
createVNode(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.vue2.mjs","sources":["../../../../../../../packages/components/search/src/search.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n import { ElButton } from 'element-plus';\n import { ref, watchEffect } from 'vue';\n import { excludeObjectKeys } from '../../../utils';\n import IForm from '../../form/src/form.vue';\n import { excludeSearchPropsKeys, SearchEmits, SearchProps } from './search';\n\n defineOptions({\n name: 'ISearch',\n });\n const props = defineProps(SearchProps);\n const emit = defineEmits(SearchEmits);\n\n const bindAttrs = ref<any>();\n watchEffect(() => {\n const attrs = excludeObjectKeys(props, excludeSearchPropsKeys);\n if (!attrs.fileds) {\n attrs.fileds = [];\n }\n if (!attrs.fields.some((item: any) => item.prop === 'searchBtn')) {\n attrs.fields.push({\n prop: 'searchBtn',\n comp: 'slot',\n });\n }\n bindAttrs.value = attrs;\n
|
|
1
|
+
{"version":3,"file":"search.vue2.mjs","sources":["../../../../../../../packages/components/search/src/search.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n import { ElButton } from 'element-plus';\n import { ref, watchEffect } from 'vue';\n import { excludeObjectKeys } from '../../../utils';\n import IForm from '../../form/src/form.vue';\n import { excludeSearchPropsKeys, SearchEmits, SearchProps } from './search';\n\n defineOptions({\n name: 'ISearch',\n });\n const props = defineProps(SearchProps);\n const emit = defineEmits(SearchEmits);\n\n const bindAttrs = ref<any>();\n watchEffect(() => {\n const attrs = excludeObjectKeys(props, excludeSearchPropsKeys);\n if (!attrs.fileds) {\n attrs.fileds = [];\n }\n if (!attrs.fields.some((item: any) => item.prop === 'searchBtn')) {\n attrs.fields.push({\n prop: 'searchBtn',\n comp: 'slot',\n });\n }\n bindAttrs.value = attrs;\n });\n\n const formRef = ref();\n defineExpose({\n getRef() {\n return formRef.value?.getRef();\n },\n });\n\n const handleChange = (key: string, value: any, ref: any, comp: string) => {\n emit('change', key, value, ref, comp);\n if (comp === 'el-input') {\n // el-input change 调用查询事件\n // 即在输入框值变化和按下回车时，触发查询事件。\n // emit('search', props.model);\n }\n };\n</script>\n\n<template>\n <div class=\"t-search\">\n <IForm ref=\"formRef\" v-bind=\"bindAttrs\" @change=\"handleChange\">\n <template v-for=\"(item, key) in $slots\" :key=\"key\" #[key]>\n <slot v-if=\"key !== 'searchBtn' && key !== 'btn'\" :name=\"key\" v-bind=\"item\" />\n </template>\n <template #searchBtn>\n <div class=\"t-search__opera\">\n <template v-if=\"showDefaultBtn\">\n <ElButton type=\"primary\" :loading=\"loading\" @click=\"emit('search', model)\">{{ searchBtnText }}</ElButton>\n <ElButton :loading=\"loading\" @click=\"emit('reset')\">{{ resetBtnText }}</ElButton>\n </template>\n <template v-if=\"$slots.btn\">\n <slot name=\"btn\" />\n </template>\n </div>\n </template>\n </IForm>\n </div>\n</template>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUE,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAA,MAAM,YAAY,GAAS,EAAA;AAC3B,IAAA,WAAA,CAAY,MAAM;AAChB,MAAM,MAAA,KAAA,GAAQ,iBAAkB,CAAA,KAAA,EAAO,sBAAsB,CAAA;AAC7D,MAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,QAAA,KAAA,CAAM,SAAS,EAAC;AAAA;AAElB,MAAI,IAAA,CAAC,MAAM,MAAO,CAAA,IAAA,CAAK,CAAC,IAAc,KAAA,IAAA,CAAK,IAAS,KAAA,WAAW,CAAG,EAAA;AAChE,QAAA,KAAA,CAAM,OAAO,IAAK,CAAA;AAAA,UAChB,IAAM,EAAA,WAAA;AAAA,UACN,IAAM,EAAA;AAAA,SACP,CAAA;AAAA;AAEH,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA;AAAA,KACnB,CAAA;AAED,IAAA,MAAM,UAAU,GAAI,EAAA;AACpB,IAAa,QAAA,CAAA;AAAA,MACX,MAAS,GAAA;;AACP,QAAO,OAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AAAA;AACxB,KACD,CAAA;AAED,IAAA,MAAM,YAAe,mBAAA,MAAA,CAAA,CAAC,GAAa,EAAA,KAAA,EAAYA,MAAU,IAAiB,KAAA;AACxE,MAAA,IAAA,CAAK,QAAU,EAAA,GAAA,EAAK,KAAOA,EAAAA,IAAAA,EAAK,IAAI,CAAA;AACpC,MAAA,IAAI,SAAS,UAAY,EAAA;AAAA;AAIzB,KANmB,EAAA,cAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as echarts from 'echarts';
|
|
2
2
|
import { type Ref } from 'vue';
|
|
3
|
-
export declare const useECharts: (dom: Ref<HTMLDivElement> | Ref<HTMLCanvasElement> | Ref<null
|
|
3
|
+
export declare const useECharts: (dom: Ref<HTMLDivElement> | Ref<HTMLCanvasElement> | Ref<null>, theme?: string, opts?: echarts.EChartsInitOpts) => {
|
|
4
4
|
getInstance: () => echarts.ECharts | null;
|
|
5
5
|
setOptions: (options: echarts.EChartsOption) => void;
|
|
6
6
|
resize: (opts?: echarts.ResizeOpts) => void;
|
|
@@ -7,7 +7,7 @@ import debounce from '../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lo
|
|
|
7
7
|
|
|
8
8
|
var __defProp = Object.defineProperty;
|
|
9
9
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
10
|
-
const useECharts = /* @__PURE__ */ __name((dom) => {
|
|
10
|
+
const useECharts = /* @__PURE__ */ __name((dom, theme, opts) => {
|
|
11
11
|
const systemTheme = inject(THEME_STORE);
|
|
12
12
|
let myChart = null;
|
|
13
13
|
let cacheOptions = null;
|
|
@@ -23,13 +23,15 @@ const useECharts = /* @__PURE__ */ __name((dom) => {
|
|
|
23
23
|
watch(
|
|
24
24
|
() => systemTheme == null ? void 0 : systemTheme.value,
|
|
25
25
|
() => {
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
if (!theme) {
|
|
27
|
+
clear();
|
|
28
|
+
initChart();
|
|
29
|
+
}
|
|
28
30
|
}
|
|
29
31
|
);
|
|
30
32
|
async function initChart() {
|
|
31
33
|
await nextTick();
|
|
32
|
-
myChart = echarts.init(dom.value, (systemTheme == null ? void 0 : systemTheme.value) || "light");
|
|
34
|
+
myChart = echarts.init(dom.value, theme || (systemTheme == null ? void 0 : systemTheme.value) || "light", opts);
|
|
33
35
|
if (cacheOptions) {
|
|
34
36
|
setOptions(cacheOptions);
|
|
35
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/useECharts/index.ts"],"sourcesContent":["import * as echarts from 'echarts';\nimport { debounce } from 'lodash-es';\nimport { inject, nextTick, onBeforeUnmount, onMounted, type Ref, watch } from 'vue';\nimport { THEME_STORE } from '../../utils';\n\nexport const useECharts = (\n dom: Ref<HTMLDivElement> | Ref<HTMLCanvasElement> | Ref<null>,\n): {\n getInstance: () => echarts.ECharts | null;\n setOptions: (options: echarts.EChartsOption) => void;\n resize: (opts?: echarts.ResizeOpts) => void;\n clear: () => void;\n} => {\n const systemTheme = inject(THEME_STORE);\n let myChart: echarts.ECharts | null = null;\n let cacheOptions: echarts.EChartsOption | null = null;\n\n onMounted(async () => {\n await nextTick();\n await initChart();\n window.addEventListener('resize', debounce(resize, 200));\n });\n\n onBeforeUnmount(() => {\n clear();\n window.removeEventListener('resize', debounce(resize, 200));\n });\n\n watch(\n () => systemTheme?.value,\n () => {\n clear();\n
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../../packages/hooks/useECharts/index.ts"],"sourcesContent":["import * as echarts from 'echarts';\nimport { debounce } from 'lodash-es';\nimport { inject, nextTick, onBeforeUnmount, onMounted, type Ref, watch } from 'vue';\nimport { THEME_STORE } from '../../utils';\n\nexport const useECharts = (\n dom: Ref<HTMLDivElement> | Ref<HTMLCanvasElement> | Ref<null>,\n theme?: string,\n opts?: echarts.EChartsInitOpts,\n): {\n getInstance: () => echarts.ECharts | null;\n setOptions: (options: echarts.EChartsOption) => void;\n resize: (opts?: echarts.ResizeOpts) => void;\n clear: () => void;\n} => {\n const systemTheme = inject(THEME_STORE);\n let myChart: echarts.ECharts | null = null;\n let cacheOptions: echarts.EChartsOption | null = null;\n\n onMounted(async () => {\n await nextTick();\n await initChart();\n window.addEventListener('resize', debounce(resize, 200));\n });\n\n onBeforeUnmount(() => {\n clear();\n window.removeEventListener('resize', debounce(resize, 200));\n });\n\n watch(\n () => systemTheme?.value,\n () => {\n if (!theme) {\n clear();\n initChart();\n }\n },\n );\n\n async function initChart() {\n await nextTick();\n myChart = echarts.init(dom.value, theme || systemTheme?.value || 'light', opts);\n if (cacheOptions) {\n setOptions(cacheOptions);\n }\n }\n\n function setOptions(option: echarts.EChartsOption, notMerge?: boolean, lazyUpdate?: boolean) {\n cacheOptions = option;\n myChart?.setOption(\n Object.assign(option, {\n backgroundColor: 'transparent',\n }),\n notMerge,\n lazyUpdate,\n );\n }\n\n function clear() {\n if (myChart) {\n myChart.dispose();\n myChart = null;\n }\n }\n function resize() {\n if (myChart) {\n myChart.resize();\n }\n }\n\n function getInstance() {\n return myChart;\n }\n\n return {\n getInstance,\n setOptions,\n resize,\n clear,\n };\n};\n"],"names":[],"mappings":";;;;;;;;;AAKO,MAAM,UAAa,mBAAA,MAAA,CAAA,CACxB,GACA,EAAA,KAAA,EACA,IAMG,KAAA;AACH,EAAM,MAAA,WAAA,GAAc,OAAO,WAAW,CAAA;AACtC,EAAA,IAAI,OAAkC,GAAA,IAAA;AACtC,EAAA,IAAI,YAA6C,GAAA,IAAA;AAEjD,EAAA,SAAA,CAAU,YAAY;AACpB,IAAA,MAAM,QAAS,EAAA;AACf,IAAA,MAAM,SAAU,EAAA;AAChB,IAAA,MAAA,CAAO,gBAAiB,CAAA,QAAA,EAAU,QAAS,CAAA,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,GACxD,CAAA;AAED,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAM,KAAA,EAAA;AACN,IAAA,MAAA,CAAO,mBAAoB,CAAA,QAAA,EAAU,QAAS,CAAA,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,GAC3D,CAAA;AAED,EAAA,KAAA;AAAA,IACE,MAAM,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA;AAAA,IACnB,MAAM;AACJ,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAM,KAAA,EAAA;AACN,QAAU,SAAA,EAAA;AAAA;AACZ;AACF,GACF;AAEA,EAAA,eAAe,SAAY,GAAA;AACzB,IAAA,MAAM,QAAS,EAAA;AACf,IAAU,OAAA,GAAA,OAAA,CAAQ,KAAK,GAAI,CAAA,KAAA,EAAO,UAAS,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,IAAS,SAAS,IAAI,CAAA;AAC9E,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,YAAY,CAAA;AAAA;AACzB;AALa,EAAA,MAAA,CAAA,SAAA,EAAA,WAAA,CAAA;AAQf,EAAS,SAAA,UAAA,CAAW,MAA+B,EAAA,QAAA,EAAoB,UAAsB,EAAA;AAC3F,IAAe,YAAA,GAAA,MAAA;AACf,IAAS,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,SAAA;AAAA,MACP,MAAA,CAAO,OAAO,MAAQ,EAAA;AAAA,QACpB,eAAiB,EAAA;AAAA,OAClB,CAAA;AAAA,MACD,QAAA;AAAA,MACA;AAAA,KAAA;AAAA;AAPK,EAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAWT,EAAA,SAAS,KAAQ,GAAA;AACf,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAA,CAAQ,OAAQ,EAAA;AAChB,MAAU,OAAA,GAAA,IAAA;AAAA;AACZ;AAJO,EAAA,MAAA,CAAA,KAAA,EAAA,OAAA,CAAA;AAMT,EAAA,SAAS,MAAS,GAAA;AAChB,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAA,CAAQ,MAAO,EAAA;AAAA;AACjB;AAHO,EAAA,MAAA,CAAA,MAAA,EAAA,QAAA,CAAA;AAMT,EAAA,SAAS,WAAc,GAAA;AACrB,IAAO,OAAA,OAAA;AAAA;AADA,EAAA,MAAA,CAAA,WAAA,EAAA,aAAA,CAAA;AAIT,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACF;AACF,CA5E0B,EAAA,YAAA;;;;"}
|
|
@@ -189,7 +189,6 @@ export declare const ISearch: import("../../types").SFCWithInstall<import("vue")
|
|
|
189
189
|
bindAttrs: import("vue").Ref<any, any>;
|
|
190
190
|
formRef: import("vue").Ref<any, any>;
|
|
191
191
|
handleChange: (key: string, value: any, ref: any, comp: string) => void;
|
|
192
|
-
ClickOutside: (v: any) => void;
|
|
193
192
|
readonly ElButton: import("element-plus/es/utils").SFCWithInstall<{
|
|
194
193
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
195
194
|
readonly size: {
|
|
@@ -189,7 +189,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
189
189
|
bindAttrs: import("vue").Ref<any, any>;
|
|
190
190
|
formRef: import("vue").Ref<any, any>;
|
|
191
191
|
handleChange: (key: string, value: any, ref: any, comp: string) => void;
|
|
192
|
-
ClickOutside: (v: any) => void;
|
|
193
192
|
readonly ElButton: import("element-plus/es/utils").SFCWithInstall<{
|
|
194
193
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
195
194
|
readonly size: {
|
|
@@ -37,7 +37,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
39
|
bindAttrs.value = attrs;
|
|
40
|
-
console.log("\u{1F680} ~ watchEffect ~ indAttrs.value:", bindAttrs.value);
|
|
41
40
|
});
|
|
42
41
|
const formRef = vue.ref();
|
|
43
42
|
__expose({
|
|
@@ -51,10 +50,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
51
50
|
if (comp === "el-input") {
|
|
52
51
|
}
|
|
53
52
|
}, "handleChange");
|
|
54
|
-
function ClickOutside(v) {
|
|
55
|
-
console.log("\u{1F680} ~ ClickOutside ~ v:", v);
|
|
56
|
-
}
|
|
57
|
-
__name(ClickOutside, "ClickOutside");
|
|
58
53
|
return (_ctx, _cache) => {
|
|
59
54
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
60
55
|
vue.createVNode(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.vue2.js","sources":["../../../../../../../packages/components/search/src/search.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n import { ElButton } from 'element-plus';\n import { ref, watchEffect } from 'vue';\n import { excludeObjectKeys } from '../../../utils';\n import IForm from '../../form/src/form.vue';\n import { excludeSearchPropsKeys, SearchEmits, SearchProps } from './search';\n\n defineOptions({\n name: 'ISearch',\n });\n const props = defineProps(SearchProps);\n const emit = defineEmits(SearchEmits);\n\n const bindAttrs = ref<any>();\n watchEffect(() => {\n const attrs = excludeObjectKeys(props, excludeSearchPropsKeys);\n if (!attrs.fileds) {\n attrs.fileds = [];\n }\n if (!attrs.fields.some((item: any) => item.prop === 'searchBtn')) {\n attrs.fields.push({\n prop: 'searchBtn',\n comp: 'slot',\n });\n }\n bindAttrs.value = attrs;\n
|
|
1
|
+
{"version":3,"file":"search.vue2.js","sources":["../../../../../../../packages/components/search/src/search.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n import { ElButton } from 'element-plus';\n import { ref, watchEffect } from 'vue';\n import { excludeObjectKeys } from '../../../utils';\n import IForm from '../../form/src/form.vue';\n import { excludeSearchPropsKeys, SearchEmits, SearchProps } from './search';\n\n defineOptions({\n name: 'ISearch',\n });\n const props = defineProps(SearchProps);\n const emit = defineEmits(SearchEmits);\n\n const bindAttrs = ref<any>();\n watchEffect(() => {\n const attrs = excludeObjectKeys(props, excludeSearchPropsKeys);\n if (!attrs.fileds) {\n attrs.fileds = [];\n }\n if (!attrs.fields.some((item: any) => item.prop === 'searchBtn')) {\n attrs.fields.push({\n prop: 'searchBtn',\n comp: 'slot',\n });\n }\n bindAttrs.value = attrs;\n });\n\n const formRef = ref();\n defineExpose({\n getRef() {\n return formRef.value?.getRef();\n },\n });\n\n const handleChange = (key: string, value: any, ref: any, comp: string) => {\n emit('change', key, value, ref, comp);\n if (comp === 'el-input') {\n // el-input change 调用查询事件\n // 即在输入框值变化和按下回车时，触发查询事件。\n // emit('search', props.model);\n }\n };\n</script>\n\n<template>\n <div class=\"t-search\">\n <IForm ref=\"formRef\" v-bind=\"bindAttrs\" @change=\"handleChange\">\n <template v-for=\"(item, key) in $slots\" :key=\"key\" #[key]>\n <slot v-if=\"key !== 'searchBtn' && key !== 'btn'\" :name=\"key\" v-bind=\"item\" />\n </template>\n <template #searchBtn>\n <div class=\"t-search__opera\">\n <template v-if=\"showDefaultBtn\">\n <ElButton type=\"primary\" :loading=\"loading\" @click=\"emit('search', model)\">{{ searchBtnText }}</ElButton>\n <ElButton :loading=\"loading\" @click=\"emit('reset')\">{{ resetBtnText }}</ElButton>\n </template>\n <template v-if=\"$slots.btn\">\n <slot name=\"btn\" />\n </template>\n </div>\n </template>\n </IForm>\n </div>\n</template>\n"],"names":["ref","watchEffect","excludeObjectKeys","excludeSearchPropsKeys"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAUE,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAA,MAAM,YAAYA,OAAS,EAAA;AAC3B,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAM,MAAA,KAAA,GAAQC,sBAAkB,CAAA,KAAA,EAAOC,6BAAsB,CAAA;AAC7D,MAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,QAAA,KAAA,CAAM,SAAS,EAAC;AAAA;AAElB,MAAI,IAAA,CAAC,MAAM,MAAO,CAAA,IAAA,CAAK,CAAC,IAAc,KAAA,IAAA,CAAK,IAAS,KAAA,WAAW,CAAG,EAAA;AAChE,QAAA,KAAA,CAAM,OAAO,IAAK,CAAA;AAAA,UAChB,IAAM,EAAA,WAAA;AAAA,UACN,IAAM,EAAA;AAAA,SACP,CAAA;AAAA;AAEH,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA;AAAA,KACnB,CAAA;AAED,IAAA,MAAM,UAAUH,OAAI,EAAA;AACpB,IAAa,QAAA,CAAA;AAAA,MACX,MAAS,GAAA;;AACP,QAAO,OAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,UAAR,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,EAAA;AAAA;AACxB,KACD,CAAA;AAED,IAAA,MAAM,YAAe,mBAAA,MAAA,CAAA,CAAC,GAAa,EAAA,KAAA,EAAYA,MAAU,IAAiB,KAAA;AACxE,MAAA,IAAA,CAAK,QAAU,EAAA,GAAA,EAAK,KAAOA,EAAAA,IAAAA,EAAK,IAAI,CAAA;AACpC,MAAA,IAAI,SAAS,UAAY,EAAA;AAAA;AAIzB,KANmB,EAAA,cAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as echarts from 'echarts';
|
|
2
2
|
import { type Ref } from 'vue';
|
|
3
|
-
export declare const useECharts: (dom: Ref<HTMLDivElement> | Ref<HTMLCanvasElement> | Ref<null
|
|
3
|
+
export declare const useECharts: (dom: Ref<HTMLDivElement> | Ref<HTMLCanvasElement> | Ref<null>, theme?: string, opts?: echarts.EChartsInitOpts) => {
|
|
4
4
|
getInstance: () => echarts.ECharts | null;
|
|
5
5
|
setOptions: (options: echarts.EChartsOption) => void;
|
|
6
6
|
resize: (opts?: echarts.ResizeOpts) => void;
|
|
@@ -28,7 +28,7 @@ var echarts__namespace = /*#__PURE__*/_interopNamespaceDefault(echarts);
|
|
|
28
28
|
|
|
29
29
|
var __defProp = Object.defineProperty;
|
|
30
30
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
31
|
-
const useECharts = /* @__PURE__ */ __name((dom) => {
|
|
31
|
+
const useECharts = /* @__PURE__ */ __name((dom, theme, opts) => {
|
|
32
32
|
const systemTheme = vue.inject(provide.THEME_STORE);
|
|
33
33
|
let myChart = null;
|
|
34
34
|
let cacheOptions = null;
|
|
@@ -44,13 +44,15 @@ const useECharts = /* @__PURE__ */ __name((dom) => {
|
|
|
44
44
|
vue.watch(
|
|
45
45
|
() => systemTheme == null ? void 0 : systemTheme.value,
|
|
46
46
|
() => {
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
if (!theme) {
|
|
48
|
+
clear();
|
|
49
|
+
initChart();
|
|
50
|
+
}
|
|
49
51
|
}
|
|
50
52
|
);
|
|
51
53
|
async function initChart() {
|
|
52
54
|
await vue.nextTick();
|
|
53
|
-
myChart = echarts__namespace.init(dom.value, (systemTheme == null ? void 0 : systemTheme.value) || "light");
|
|
55
|
+
myChart = echarts__namespace.init(dom.value, theme || (systemTheme == null ? void 0 : systemTheme.value) || "light", opts);
|
|
54
56
|
if (cacheOptions) {
|
|
55
57
|
setOptions(cacheOptions);
|
|
56
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../packages/hooks/useECharts/index.ts"],"sourcesContent":["import * as echarts from 'echarts';\nimport { debounce } from 'lodash-es';\nimport { inject, nextTick, onBeforeUnmount, onMounted, type Ref, watch } from 'vue';\nimport { THEME_STORE } from '../../utils';\n\nexport const useECharts = (\n dom: Ref<HTMLDivElement> | Ref<HTMLCanvasElement> | Ref<null>,\n): {\n getInstance: () => echarts.ECharts | null;\n setOptions: (options: echarts.EChartsOption) => void;\n resize: (opts?: echarts.ResizeOpts) => void;\n clear: () => void;\n} => {\n const systemTheme = inject(THEME_STORE);\n let myChart: echarts.ECharts | null = null;\n let cacheOptions: echarts.EChartsOption | null = null;\n\n onMounted(async () => {\n await nextTick();\n await initChart();\n window.addEventListener('resize', debounce(resize, 200));\n });\n\n onBeforeUnmount(() => {\n clear();\n window.removeEventListener('resize', debounce(resize, 200));\n });\n\n watch(\n () => systemTheme?.value,\n () => {\n clear();\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../packages/hooks/useECharts/index.ts"],"sourcesContent":["import * as echarts from 'echarts';\nimport { debounce } from 'lodash-es';\nimport { inject, nextTick, onBeforeUnmount, onMounted, type Ref, watch } from 'vue';\nimport { THEME_STORE } from '../../utils';\n\nexport const useECharts = (\n dom: Ref<HTMLDivElement> | Ref<HTMLCanvasElement> | Ref<null>,\n theme?: string,\n opts?: echarts.EChartsInitOpts,\n): {\n getInstance: () => echarts.ECharts | null;\n setOptions: (options: echarts.EChartsOption) => void;\n resize: (opts?: echarts.ResizeOpts) => void;\n clear: () => void;\n} => {\n const systemTheme = inject(THEME_STORE);\n let myChart: echarts.ECharts | null = null;\n let cacheOptions: echarts.EChartsOption | null = null;\n\n onMounted(async () => {\n await nextTick();\n await initChart();\n window.addEventListener('resize', debounce(resize, 200));\n });\n\n onBeforeUnmount(() => {\n clear();\n window.removeEventListener('resize', debounce(resize, 200));\n });\n\n watch(\n () => systemTheme?.value,\n () => {\n if (!theme) {\n clear();\n initChart();\n }\n },\n );\n\n async function initChart() {\n await nextTick();\n myChart = echarts.init(dom.value, theme || systemTheme?.value || 'light', opts);\n if (cacheOptions) {\n setOptions(cacheOptions);\n }\n }\n\n function setOptions(option: echarts.EChartsOption, notMerge?: boolean, lazyUpdate?: boolean) {\n cacheOptions = option;\n myChart?.setOption(\n Object.assign(option, {\n backgroundColor: 'transparent',\n }),\n notMerge,\n lazyUpdate,\n );\n }\n\n function clear() {\n if (myChart) {\n myChart.dispose();\n myChart = null;\n }\n }\n function resize() {\n if (myChart) {\n myChart.resize();\n }\n }\n\n function getInstance() {\n return myChart;\n }\n\n return {\n getInstance,\n setOptions,\n resize,\n clear,\n };\n};\n"],"names":["inject","THEME_STORE","onMounted","nextTick","debounce","onBeforeUnmount","watch","echarts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,UAAa,mBAAA,MAAA,CAAA,CACxB,GACA,EAAA,KAAA,EACA,IAMG,KAAA;AACH,EAAM,MAAA,WAAA,GAAcA,WAAOC,mBAAW,CAAA;AACtC,EAAA,IAAI,OAAkC,GAAA,IAAA;AACtC,EAAA,IAAI,YAA6C,GAAA,IAAA;AAEjD,EAAAC,aAAA,CAAU,YAAY;AACpB,IAAA,MAAMC,YAAS,EAAA;AACf,IAAA,MAAM,SAAU,EAAA;AAChB,IAAA,MAAA,CAAO,gBAAiB,CAAA,QAAA,EAAUC,gBAAS,CAAA,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,GACxD,CAAA;AAED,EAAAC,mBAAA,CAAgB,MAAM;AACpB,IAAM,KAAA,EAAA;AACN,IAAA,MAAA,CAAO,mBAAoB,CAAA,QAAA,EAAUD,gBAAS,CAAA,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,GAC3D,CAAA;AAED,EAAAE,SAAA;AAAA,IACE,MAAM,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA;AAAA,IACnB,MAAM;AACJ,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAM,KAAA,EAAA;AACN,QAAU,SAAA,EAAA;AAAA;AACZ;AACF,GACF;AAEA,EAAA,eAAe,SAAY,GAAA;AACzB,IAAA,MAAMH,YAAS,EAAA;AACf,IAAU,OAAA,GAAAI,kBAAA,CAAQ,KAAK,GAAI,CAAA,KAAA,EAAO,UAAS,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,IAAS,SAAS,IAAI,CAAA;AAC9E,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,CAAW,YAAY,CAAA;AAAA;AACzB;AALa,EAAA,MAAA,CAAA,SAAA,EAAA,WAAA,CAAA;AAQf,EAAS,SAAA,UAAA,CAAW,MAA+B,EAAA,QAAA,EAAoB,UAAsB,EAAA;AAC3F,IAAe,YAAA,GAAA,MAAA;AACf,IAAS,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,SAAA;AAAA,MACP,MAAA,CAAO,OAAO,MAAQ,EAAA;AAAA,QACpB,eAAiB,EAAA;AAAA,OAClB,CAAA;AAAA,MACD,QAAA;AAAA,MACA;AAAA,KAAA;AAAA;AAPK,EAAA,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAWT,EAAA,SAAS,KAAQ,GAAA;AACf,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAA,CAAQ,OAAQ,EAAA;AAChB,MAAU,OAAA,GAAA,IAAA;AAAA;AACZ;AAJO,EAAA,MAAA,CAAA,KAAA,EAAA,OAAA,CAAA;AAMT,EAAA,SAAS,MAAS,GAAA;AAChB,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAA,CAAQ,MAAO,EAAA;AAAA;AACjB;AAHO,EAAA,MAAA,CAAA,MAAA,EAAA,QAAA,CAAA;AAMT,EAAA,SAAS,WAAc,GAAA;AACrB,IAAO,OAAA,OAAA;AAAA;AADA,EAAA,MAAA,CAAA,WAAA,EAAA,aAAA,CAAA;AAIT,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACF;AACF,CA5E0B,EAAA,YAAA;;;;"}
|