@das-fed/ui 6.4.0-dev.92 → 6.4.0-dev.93
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/package.json +5 -5
- package/packages/business-components/device-panel/index.js +2 -2
- package/packages/business-components/device-panel/index.js.gz +0 -0
- package/packages/business-components/device-panel/style.css +1 -1
- package/packages/business-components/device-panel/style.css.gz +0 -0
- package/packages/business-components/import-button/index.js +2 -2
- package/packages/business-components/import-button/index.js.gz +0 -0
- package/packages/business-components/import-button/style.css +1 -1
- package/packages/components/cascader/index.js +171 -153
- package/packages/components/cascader/index.js.gz +0 -0
- package/packages/components/cascader/style.css +1 -1
- package/packages/components/cascader/style.css.gz +0 -0
- package/packages/components/checkbox/index.js +1 -1
- package/packages/components/checkbox/index.js.gz +0 -0
- package/packages/components/checkbox/style.css +1 -1
- package/packages/components/checkbox/style.css.gz +0 -0
- package/packages/components/color-picker/index.js +38 -38
- package/packages/components/color-picker/index.js.gz +0 -0
- package/packages/components/color-picker/style.css +1 -1
- package/packages/components/color-picker/style.css.gz +0 -0
- package/packages/components/date-picker/index.d.ts +7 -0
- package/packages/components/date-picker/index.js +710 -625
- package/packages/components/date-picker/index.js.gz +0 -0
- package/packages/components/date-picker/src/TimeRangePicker.vue.d.ts +3 -0
- package/packages/components/date-picker/style.css +1 -1
- package/packages/components/date-picker/style.css.gz +0 -0
- package/packages/components/dimple-layout/editor/plugins/$svg/type.d.ts +15 -0
- package/packages/components/dimple-layout/editor/type.d.ts +5 -2
- package/packages/components/dimple-layout/index.js +2012 -1979
- package/packages/components/dimple-layout/index.js.gz +0 -0
- package/packages/components/input/index.js +140 -122
- package/packages/components/input/index.js.gz +0 -0
- package/packages/components/input/style.css +1 -1
- package/packages/components/input/style.css.gz +0 -0
- package/packages/components/input-dialog-select/index.js +50 -50
- package/packages/components/input-dialog-select/index.js.gz +0 -0
- package/packages/components/input-dialog-select/style.css +1 -1
- package/packages/components/input-dialog-select/style.css.gz +0 -0
- package/packages/components/menu-aside/index.js +1 -1
- package/packages/components/menu-aside/index.js.gz +0 -0
- package/packages/components/menu-aside/style.css +1 -1
- package/packages/components/menu-aside/style.css.gz +0 -0
- package/packages/components/menu-header/index.js +4 -4
- package/packages/components/menu-header/index.js.gz +0 -0
- package/packages/components/select/index.js +325 -315
- package/packages/components/select/index.js.gz +0 -0
- package/packages/components/select/style.css +1 -1
- package/packages/components/select/style.css.gz +0 -0
- package/packages/components/table/index.js +1716 -1708
- package/packages/components/table/index.js.gz +0 -0
- package/packages/components/table/style.css +1 -1
- package/packages/components/table/style.css.gz +0 -0
- package/packages/components/tabs/style.css +1 -1
- package/packages/components/tabs/style.css.gz +0 -0
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import '@das-fed/ui/packages/components/color-picker/style.css';
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import { withInstall as
|
|
4
|
-
import { currentLang as
|
|
5
|
-
import { DasDropdown as
|
|
6
|
-
import { DasAutoRegisterIcon as
|
|
7
|
-
import { DasInput as
|
|
8
|
-
import { ElConfigProvider as
|
|
2
|
+
import { defineComponent as x, computed as I, ref as y, openBlock as c, createElementBlock as V, createVNode as k, unref as e, mergeProps as N, isRef as z, withCtx as f, createBlock as C, createCommentVNode as w, createElementVNode as P, normalizeClass as g, normalizeStyle as H, Fragment as O, renderList as $, toDisplayString as F } from "vue";
|
|
3
|
+
import { withInstall as A } from "@das-fed/utils/with-install/index";
|
|
4
|
+
import { currentLang as L, t as R, setI18nRule as M } from "@das-fed/web/packages/i18n/index";
|
|
5
|
+
import { DasDropdown as U, DasDropdownMenu as j } from "@das-fed/ui/packages/components/dropdown/index";
|
|
6
|
+
import { DasAutoRegisterIcon as q, DasIcon as G } from "@das-fed/ui/packages/components/icon/index";
|
|
7
|
+
import { DasInput as J } from "@das-fed/ui/packages/components/input/index";
|
|
8
|
+
import { ElConfigProvider as K, ElColorPicker as Q } from "element-plus";
|
|
9
9
|
import "element-plus/es/components/color-picker/style/css";
|
|
10
10
|
import { useModelValue as v } from "@das-fed/utils/vue";
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import { setThemeRule as
|
|
14
|
-
const
|
|
11
|
+
import W from "element-plus/dist/locale/zh-cn.mjs";
|
|
12
|
+
import X from "element-plus/dist/locale/en.mjs";
|
|
13
|
+
import { setThemeRule as Y } from "@das-fed/web/packages/theme/index";
|
|
14
|
+
const Z = (s, d) => {
|
|
15
15
|
const l = v(s, "modelValue"), u = v(s, "options");
|
|
16
16
|
let p = v(s, "modelValue");
|
|
17
17
|
return { innerValue: l, inputChangeHandler: (n) => {
|
|
@@ -19,10 +19,10 @@ const Y = (s, d) => {
|
|
|
19
19
|
}, inputInputHandler: (n) => {
|
|
20
20
|
p.value = n, d("update:modelValue", n), d("dasInput", n), d("change", n);
|
|
21
21
|
}, colorOption: u, colorPickerValue: p };
|
|
22
|
-
},
|
|
22
|
+
}, ee = {
|
|
23
23
|
class: "das-ui-color-picker",
|
|
24
24
|
style: { width: "100%" }
|
|
25
|
-
},
|
|
25
|
+
}, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ x({
|
|
26
26
|
__name: "Index",
|
|
27
27
|
props: {
|
|
28
28
|
modelValue: { default: "" },
|
|
@@ -42,11 +42,11 @@ const Y = (s, d) => {
|
|
|
42
42
|
emits: ["update:modelValue", "change", "dasInput"],
|
|
43
43
|
setup(s, { emit: d }) {
|
|
44
44
|
const l = s, u = d;
|
|
45
|
-
|
|
45
|
+
q({
|
|
46
46
|
fold: import("@das-fed/ui/packages/icons/fold"),
|
|
47
47
|
close2: import("@das-fed/ui/packages/icons/close-2")
|
|
48
48
|
});
|
|
49
|
-
const p = I(() =>
|
|
49
|
+
const p = I(() => L.value === "zh-CN" ? W : X), _ = I(() => l.placeholder || R("请输入")), { innerValue: a, inputChangeHandler: n, inputInputHandler: S, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (t) => {
|
|
50
50
|
var i, r;
|
|
51
51
|
u("change", t), a.value = t, (r = (i = b.value) == null ? void 0 : i.getElRef()) == null || r.handleClose(), m.value = !1;
|
|
52
52
|
}, D = () => {
|
|
@@ -55,8 +55,8 @@ const Y = (s, d) => {
|
|
|
55
55
|
}, E = (t) => {
|
|
56
56
|
m.value = t;
|
|
57
57
|
};
|
|
58
|
-
return (t, i) => (c(), V("div",
|
|
59
|
-
k(e(
|
|
58
|
+
return (t, i) => (c(), V("div", ee, [
|
|
59
|
+
k(e(J), N({
|
|
60
60
|
class: ["das-color-picker-input", [
|
|
61
61
|
`das-color-picker-${e(o).size}`,
|
|
62
62
|
{ "das-empty-color": !e(a) },
|
|
@@ -72,18 +72,18 @@ const Y = (s, d) => {
|
|
|
72
72
|
disabled: e(o).disabled || l.disabled,
|
|
73
73
|
append: "",
|
|
74
74
|
onClick: D,
|
|
75
|
-
onInput: e(
|
|
75
|
+
onInput: e(S),
|
|
76
76
|
borderType: l.borderType,
|
|
77
77
|
placeholder: _.value,
|
|
78
78
|
noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(a)
|
|
79
79
|
}), {
|
|
80
80
|
append: f(() => [
|
|
81
|
-
e(o).mode == "default" ? (c(), C(e(
|
|
81
|
+
e(o).mode == "default" ? (c(), C(e(K), {
|
|
82
82
|
key: 0,
|
|
83
83
|
locale: p.value
|
|
84
84
|
}, {
|
|
85
85
|
default: f(() => [
|
|
86
|
-
!e(o).isView && !l.isView || e(a) ? (c(), C(e(
|
|
86
|
+
!e(o).isView && !l.isView || e(a) ? (c(), C(e(Q), {
|
|
87
87
|
key: 0,
|
|
88
88
|
locale: p.value,
|
|
89
89
|
placement: e(o).placement,
|
|
@@ -100,7 +100,7 @@ const Y = (s, d) => {
|
|
|
100
100
|
]),
|
|
101
101
|
_: 1
|
|
102
102
|
}, 8, ["locale"])) : w("", !0),
|
|
103
|
-
e(o).mode == "predefine" ? (c(), C(e(
|
|
103
|
+
e(o).mode == "predefine" ? (c(), C(e(U), {
|
|
104
104
|
key: 1,
|
|
105
105
|
disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
|
|
106
106
|
ref_key: "predefineDrown",
|
|
@@ -121,7 +121,7 @@ const Y = (s, d) => {
|
|
|
121
121
|
]),
|
|
122
122
|
style: H("background-color:" + e(a))
|
|
123
123
|
}, [
|
|
124
|
-
k(e(
|
|
124
|
+
k(e(G), {
|
|
125
125
|
icon: e(a) && e(a) != "-" ? "fold" : "close2",
|
|
126
126
|
customSize: "6px",
|
|
127
127
|
iconColor: e(a) && e(a) != "-" ? "#fff" : "#909399"
|
|
@@ -129,15 +129,15 @@ const Y = (s, d) => {
|
|
|
129
129
|
], 6)
|
|
130
130
|
]),
|
|
131
131
|
default: f(() => [
|
|
132
|
-
k(e(
|
|
132
|
+
k(e(j), null, {
|
|
133
133
|
default: f(() => [
|
|
134
|
-
P("div",
|
|
135
|
-
(c(!0), V(
|
|
134
|
+
P("div", oe, [
|
|
135
|
+
(c(!0), V(O, null, $(e(o).predefine, (r, T) => (c(), V("div", {
|
|
136
136
|
class: g(["color-predefine-span", { active: e(a) == r }]),
|
|
137
|
-
key:
|
|
137
|
+
key: T,
|
|
138
138
|
style: H("background-color:" + r),
|
|
139
|
-
onClick: (
|
|
140
|
-
}, null, 14,
|
|
139
|
+
onClick: (te) => B(r)
|
|
140
|
+
}, null, 14, le))), 128))
|
|
141
141
|
])
|
|
142
142
|
]),
|
|
143
143
|
_: 1
|
|
@@ -152,27 +152,27 @@ const Y = (s, d) => {
|
|
|
152
152
|
key: 0,
|
|
153
153
|
class: g(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
|
|
154
154
|
onClick: D
|
|
155
|
-
}, "请选择",
|
|
155
|
+
}, F(e(R)("请选择")), 3)) : w("", !0)
|
|
156
156
|
]));
|
|
157
157
|
}
|
|
158
|
-
}),
|
|
158
|
+
}), ne = (s, d) => {
|
|
159
159
|
const l = s.__vccOpts || s;
|
|
160
160
|
for (const [u, p] of d)
|
|
161
161
|
l[u] = p;
|
|
162
162
|
return l;
|
|
163
|
-
},
|
|
163
|
+
}, ie = /* @__PURE__ */ ne(ae, [["__scopeId", "data-v-fa0ac329"]]), re = {
|
|
164
164
|
"--demo-alert-bg": {
|
|
165
165
|
light: "#fff",
|
|
166
166
|
dark: "rgba(255,255,255,.2)"
|
|
167
167
|
},
|
|
168
168
|
"--das-ui-color-picker-primary": "#5582F3"
|
|
169
169
|
// 主题色
|
|
170
|
-
},
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
const
|
|
170
|
+
}, de = { 请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" } };
|
|
171
|
+
M(de);
|
|
172
|
+
Y(re);
|
|
173
|
+
const ge = () => y(null), ve = A(ie);
|
|
174
174
|
export {
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
175
|
+
ve as DasColorPicker,
|
|
176
|
+
ge as DasColorPickerRef,
|
|
177
|
+
ve as default
|
|
178
178
|
};
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.das-ui-color-picker[data-v-
|
|
1
|
+
.das-ui-color-picker[data-v-fa0ac329]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-fa0ac329]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-fa0ac329]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-fa0ac329]{left:8px}.das-ui-color-picker .das-ui-input[data-v-fa0ac329]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-fa0ac329] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-fa0ac329] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-fa0ac329] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-fa0ac329]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-fa0ac329]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-fa0ac329]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-fa0ac329]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}
|
|
Binary file
|
|
@@ -1589,6 +1589,7 @@ declare const DasTimeRangePicker: import("@das-fed/utils").SFCWithInstall<{
|
|
|
1589
1589
|
};
|
|
1590
1590
|
errorModelZIndex: {
|
|
1591
1591
|
type: import("vue").PropType<number>;
|
|
1592
|
+
default: number;
|
|
1592
1593
|
};
|
|
1593
1594
|
borderType: {
|
|
1594
1595
|
type: import("vue").PropType<"none" | "underline" | "bordered">;
|
|
@@ -1668,6 +1669,7 @@ declare const DasTimeRangePicker: import("@das-fed/utils").SFCWithInstall<{
|
|
|
1668
1669
|
};
|
|
1669
1670
|
errorModelZIndex: {
|
|
1670
1671
|
type: import("vue").PropType<number>;
|
|
1672
|
+
default: number;
|
|
1671
1673
|
};
|
|
1672
1674
|
borderType: {
|
|
1673
1675
|
type: import("vue").PropType<"none" | "underline" | "bordered">;
|
|
@@ -1702,6 +1704,7 @@ declare const DasTimeRangePicker: import("@das-fed/utils").SFCWithInstall<{
|
|
|
1702
1704
|
error: boolean;
|
|
1703
1705
|
isView: boolean;
|
|
1704
1706
|
errorMode: "default" | "overlay";
|
|
1707
|
+
errorModelZIndex: number;
|
|
1705
1708
|
borderType: "underline" | "bordered" | "none";
|
|
1706
1709
|
dropdownClassName: string;
|
|
1707
1710
|
isTooltip: boolean;
|
|
@@ -1758,6 +1761,7 @@ declare const DasTimeRangePicker: import("@das-fed/utils").SFCWithInstall<{
|
|
|
1758
1761
|
};
|
|
1759
1762
|
errorModelZIndex: {
|
|
1760
1763
|
type: import("vue").PropType<number>;
|
|
1764
|
+
default: number;
|
|
1761
1765
|
};
|
|
1762
1766
|
borderType: {
|
|
1763
1767
|
type: import("vue").PropType<"none" | "underline" | "bordered">;
|
|
@@ -1796,6 +1800,7 @@ declare const DasTimeRangePicker: import("@das-fed/utils").SFCWithInstall<{
|
|
|
1796
1800
|
error: boolean;
|
|
1797
1801
|
isView: boolean;
|
|
1798
1802
|
errorMode: "default" | "overlay";
|
|
1803
|
+
errorModelZIndex: number;
|
|
1799
1804
|
borderType: "underline" | "bordered" | "none";
|
|
1800
1805
|
dropdownClassName: string;
|
|
1801
1806
|
isTooltip: boolean;
|
|
@@ -1849,6 +1854,7 @@ declare const DasTimeRangePicker: import("@das-fed/utils").SFCWithInstall<{
|
|
|
1849
1854
|
};
|
|
1850
1855
|
errorModelZIndex: {
|
|
1851
1856
|
type: import("vue").PropType<number>;
|
|
1857
|
+
default: number;
|
|
1852
1858
|
};
|
|
1853
1859
|
borderType: {
|
|
1854
1860
|
type: import("vue").PropType<"none" | "underline" | "bordered">;
|
|
@@ -1892,6 +1898,7 @@ declare const DasTimeRangePicker: import("@das-fed/utils").SFCWithInstall<{
|
|
|
1892
1898
|
error: boolean;
|
|
1893
1899
|
isView: boolean;
|
|
1894
1900
|
errorMode: "default" | "overlay";
|
|
1901
|
+
errorModelZIndex: number;
|
|
1895
1902
|
borderType: "underline" | "bordered" | "none";
|
|
1896
1903
|
dropdownClassName: string;
|
|
1897
1904
|
isTooltip: boolean;
|