@fangzhongya/fang-ui 0.0.98 → 0.0.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/alert/src/index2.cjs +11 -11
- package/dist/components/array/src/index2.cjs +45 -45
- package/dist/components/audios/src/index2.cjs +54 -54
- package/dist/components/autocomplete/src/index2.cjs +11 -11
- package/dist/components/box/src/index2.cjs +21 -21
- package/dist/components/box-adjust/index.css +17 -0
- package/dist/components/box-adjust/index.scss +18 -0
- package/dist/components/box-adjust/src/data.cjs +17 -1
- package/dist/components/box-adjust/src/data.d.ts +16 -0
- package/dist/components/box-adjust/src/data.js +17 -1
- package/dist/components/box-adjust/src/index2.cjs +69 -35
- package/dist/components/box-adjust/src/index2.js +37 -3
- package/dist/components/box-local/src/index2.cjs +20 -20
- package/dist/components/box-mask/src/index2.cjs +5 -5
- package/dist/components/box-teleport/src/index2.cjs +5 -5
- package/dist/components/box-title/src/index2.cjs +15 -15
- package/dist/components/button/src/index2.cjs +11 -11
- package/dist/components/buttons/src/index2.cjs +20 -20
- package/dist/components/card/src/index2.cjs +11 -11
- package/dist/components/cascader/src/index2.cjs +11 -11
- package/dist/components/cascader-panel/src/index2.cjs +11 -11
- package/dist/components/cascaders/src/index2.cjs +17 -17
- package/dist/components/checkbox/src/index2.cjs +11 -11
- package/dist/components/checkbox-button/src/index2.cjs +11 -11
- package/dist/components/checkbox-group/src/index2.cjs +11 -11
- package/dist/components/checks/src/index2.cjs +31 -31
- package/dist/components/choice-select/src/index2.cjs +5 -5
- package/dist/components/collapse/src/index2.cjs +11 -11
- package/dist/components/collapse-item/src/index2.cjs +11 -11
- package/dist/components/color-picker/src/index2.cjs +11 -11
- package/dist/components/common/list.cjs +5 -5
- package/dist/components/common/use.cjs +5 -5
- package/dist/components/company-select/src/index2.cjs +19 -19
- package/dist/components/config-provider/src/index2.cjs +11 -11
- package/dist/components/date-picker/src/index2.cjs +11 -11
- package/dist/components/date-picker/style/element.scss +1 -1
- package/dist/components/date-picker-panel/src/index2.cjs +11 -11
- package/dist/components/dates/src/index2.cjs +12 -12
- package/dist/components/dates-divide/src/index2.cjs +20 -20
- package/dist/components/dates-picker/src/index2.cjs +15 -15
- package/dist/components/dates2/src/index2.cjs +26 -26
- package/dist/components/department-select/src/index2.cjs +10 -10
- package/dist/components/dialog/src/index2.cjs +11 -11
- package/dist/components/dialogs/src/index2.cjs +23 -23
- package/dist/components/divider/src/index2.cjs +11 -11
- package/dist/components/drawer/src/index2.cjs +11 -11
- package/dist/components/dropdown/src/index2.cjs +11 -11
- package/dist/components/dropdown-item/src/index2.cjs +11 -11
- package/dist/components/dropdown-menu/src/index2.cjs +11 -11
- package/dist/components/edit/src/index2.cjs +24 -24
- package/dist/components/edit-float/src/index2.cjs +40 -40
- package/dist/components/form/src/index2.cjs +11 -11
- package/dist/components/form-item/src/index2.cjs +11 -11
- package/dist/components/forms/index.css +22 -0
- package/dist/components/forms/src/index2.cjs +65 -65
- package/dist/components/forms/src/setup.cjs +12 -12
- package/dist/components/forms-div/src/index2.cjs +11 -11
- package/dist/components/forms-drag/src/index2.cjs +73 -73
- package/dist/components/forms-item/src/index2.cjs +45 -45
- package/dist/components/forms-item/src/label.cjs +4 -4
- package/dist/components/forms-items/src/index2.cjs +23 -23
- package/dist/components/full-screen/src/index2.cjs +11 -11
- package/dist/components/global-config/src/index.cjs +5 -5
- package/dist/components/history/src/index2.cjs +26 -26
- package/dist/components/icon/src/index2.cjs +23 -23
- package/dist/components/icon-picker/src/index2.cjs +52 -52
- package/dist/components/iframe/src/data.cjs +1 -1
- package/dist/components/iframe/src/data.js +1 -1
- package/dist/components/iframe/src/index2.cjs +15 -10
- package/dist/components/iframe/src/index2.js +5 -0
- package/dist/components/image/src/index2.cjs +11 -11
- package/dist/components/image-viewer/src/index2.cjs +11 -11
- package/dist/components/images/src/index2.cjs +17 -17
- package/dist/components/input/src/index2.cjs +11 -11
- package/dist/components/input-array/src/index2.cjs +38 -38
- package/dist/components/input-history/src/index2.cjs +47 -47
- package/dist/components/input-history/src/util.cjs +4 -4
- package/dist/components/input-num/src/index2.cjs +17 -17
- package/dist/components/input-number/src/index2.cjs +11 -11
- package/dist/components/input-select/src/index2.cjs +51 -51
- package/dist/components/input-tag/src/index2.cjs +11 -11
- package/dist/components/inputs/src/index2.cjs +17 -17
- package/dist/components/keep-com/src/index2.cjs +16 -16
- package/dist/components/labels/src/index2.cjs +13 -13
- package/dist/components/list/src/index2.cjs +24 -24
- package/dist/components/lists/src/index2.cjs +51 -51
- package/dist/components/listsp/src/index2.cjs +35 -35
- package/dist/components/mention/src/index2.cjs +11 -11
- package/dist/components/menu/src/index2.cjs +11 -11
- package/dist/components/menu-item/src/index2.cjs +11 -11
- package/dist/components/menu-item-group/src/index2.cjs +11 -11
- package/dist/components/menus/src/index2.cjs +16 -16
- package/dist/components/menus/src/menu-ll2.cjs +11 -11
- package/dist/components/no-data/src/index2.cjs +5 -5
- package/dist/components/option/src/index2.cjs +10 -10
- package/dist/components/option-group/src/index2.cjs +11 -11
- package/dist/components/page/index.css +22 -0
- package/dist/components/page/src/index2.cjs +77 -77
- package/dist/components/page/src/set-column2.cjs +54 -54
- package/dist/components/pagination/src/index2.cjs +11 -11
- package/dist/components/paging/src/index2.cjs +13 -13
- package/dist/components/popconfirm/src/index2.cjs +11 -11
- package/dist/components/popover/src/index2.cjs +11 -11
- package/dist/components/popup/src/index2.cjs +29 -29
- package/dist/components/radio/src/index2.cjs +11 -11
- package/dist/components/radio-button/src/index2.cjs +11 -11
- package/dist/components/radio-group/src/index2.cjs +11 -11
- package/dist/components/retract/src/index2.cjs +14 -14
- package/dist/components/right-key/src/index2.cjs +30 -30
- package/dist/components/role-select/src/index2.cjs +38 -38
- package/dist/components/scrollbar/src/index2.cjs +11 -11
- package/dist/components/seamless-scroll/src/index2.cjs +24 -24
- package/dist/components/select/src/index2.cjs +11 -11
- package/dist/components/select-dialog/src/index2.cjs +65 -65
- package/dist/components/select-popover/src/index2.cjs +41 -41
- package/dist/components/select-scroll/src/index2.cjs +30 -30
- package/dist/components/selector/src/index2.cjs +39 -39
- package/dist/components/selects/src/index2.cjs +20 -20
- package/dist/components/slider/src/index2.cjs +11 -11
- package/dist/components/sliders/src/index2.cjs +13 -13
- package/dist/components/stick-div/src/index2.cjs +17 -17
- package/dist/components/stick-edge/src/index2.cjs +10 -10
- package/dist/components/stick-window/src/index2.cjs +22 -22
- package/dist/components/sub-menu/src/index2.cjs +10 -10
- package/dist/components/switch/src/index2.cjs +11 -11
- package/dist/components/switchs/src/index2.cjs +15 -15
- package/dist/components/tab-pane/src/index2.cjs +11 -11
- package/dist/components/table/src/index2.cjs +11 -11
- package/dist/components/table-column/src/index2.cjs +11 -11
- package/dist/components/tables/common/img2.cjs +7 -7
- package/dist/components/tables/common/pagin.cjs +16 -16
- package/dist/components/tables/common/table-but2.cjs +10 -10
- package/dist/components/tables/common/table-color2.cjs +7 -7
- package/dist/components/tables/common/table-list2.cjs +9 -9
- package/dist/components/tables/common/util.cjs +2 -2
- package/dist/components/tables/src/column.cjs +5 -5
- package/dist/components/tables/src/columns2.cjs +2 -2
- package/dist/components/tables/src/columns3.cjs +2 -2
- package/dist/components/tables/src/index2.cjs +29 -29
- package/dist/components/tablesp/src/index2.cjs +36 -36
- package/dist/components/tabless/src/index2.cjs +49 -49
- package/dist/components/tablesv/src/column.cjs +16 -16
- package/dist/components/tablesv/src/columns2.cjs +2 -2
- package/dist/components/tablesv/src/columns3.cjs +2 -2
- package/dist/components/tablesv/src/index2.cjs +30 -30
- package/dist/components/tablesvp/src/index2.cjs +30 -30
- package/dist/components/tabs/src/index2.cjs +11 -11
- package/dist/components/tag/src/index2.cjs +11 -11
- package/dist/components/text/src/index2.cjs +11 -11
- package/dist/components/text/style/element.scss +1 -1
- package/dist/components/texts/src/index2.cjs +8 -8
- package/dist/components/time-picker/src/index2.cjs +11 -11
- package/dist/components/time-select/src/index2.cjs +11 -11
- package/dist/components/tooltip/src/index2.cjs +11 -11
- package/dist/components/transfer/src/index2.cjs +11 -11
- package/dist/components/tree/src/index2.cjs +11 -11
- package/dist/components/tree-select/src/index2.cjs +11 -11
- package/dist/components/tree-select-box/src/index2.cjs +29 -29
- package/dist/components/upload/src/index2.cjs +11 -11
- package/dist/components/uploads/index.css +22 -0
- package/dist/components/uploads/index.scss +23 -0
- package/dist/components/uploads/src/index2.cjs +128 -138
- package/dist/components/uploads/src/index2.js +61 -71
- package/dist/components/uploads/src/util.cjs +80 -0
- package/dist/components/uploads/src/util.d.ts +10 -0
- package/dist/components/uploads/src/util.js +80 -0
- package/dist/components/uploads/src/views.cjs +4 -0
- package/dist/components/uploads/src/views.js +4 -0
- package/dist/components/uploads/src/views2.cjs +77 -0
- package/dist/components/uploads/src/views2.js +77 -0
- package/dist/components/user-select/src/index2.cjs +99 -99
- package/dist/components/videos/src/index2.cjs +97 -97
- package/dist/components/window/src/index2.cjs +61 -61
- package/dist/css/box-adjust.css +17 -0
- package/dist/css/forms.css +22 -0
- package/dist/css/index.css +39 -0
- package/dist/css/page.css +22 -0
- package/dist/css/uploads.css +22 -0
- package/dist/directives/scroll/index.cjs +6 -24
- package/dist/directives/scroll/index.js +1 -3
- package/dist/hooks/event-aliass/index.cjs +2 -2
- package/dist/hooks/full-screen/index.cjs +5 -5
- package/dist/hooks/global-config/index.cjs +8 -8
- package/dist/hooks/inherit/index.cjs +2 -2
- package/dist/hooks/locale/index.cjs +7 -7
- package/dist/icons/iconify.cjs +3 -3
- package/dist/icons/index.css +79 -79
- package/dist/icons/index.json +35 -35
- package/dist/icons/vue/bar.cjs +3 -3
- package/dist/icons/vue/below.cjs +3 -3
- package/dist/icons/vue/bicycle.cjs +3 -3
- package/dist/icons/vue/bottom-left.cjs +4 -4
- package/dist/icons/vue/bottom-right.cjs +4 -4
- package/dist/icons/vue/bottom.cjs +3 -3
- package/dist/icons/vue/catalogue.cjs +5 -5
- package/dist/icons/vue/clear.cjs +5 -5
- package/dist/icons/vue/close.cjs +3 -3
- package/dist/icons/vue/delete.cjs +3 -3
- package/dist/icons/vue/document.cjs +5 -5
- package/dist/icons/vue/down.cjs +3 -3
- package/dist/icons/vue/download.cjs +3 -3
- package/dist/icons/vue/edit.cjs +5 -5
- package/dist/icons/vue/enter.cjs +3 -3
- package/dist/icons/vue/frame.cjs +3 -3
- package/dist/icons/vue/left.cjs +3 -3
- package/dist/icons/vue/mute.cjs +3 -3
- package/dist/icons/vue/pause.cjs +4 -4
- package/dist/icons/vue/play.cjs +3 -3
- package/dist/icons/vue/plus.cjs +3 -3
- package/dist/icons/vue/retreat.cjs +3 -3
- package/dist/icons/vue/right.cjs +3 -3
- package/dist/icons/vue/sound.cjs +4 -4
- package/dist/icons/vue/star.cjs +4 -4
- package/dist/icons/vue/up.cjs +3 -3
- package/dist/icons/vue/views.cjs +5 -5
- package/dist/icons/vue/views.js +2 -2
- package/dist/index.css +39 -0
- package/dist/utils/vues/common.cjs +2 -2
- package/package.json +3 -3
- /package/dist/components/{alert → divider}/index.css +0 -0
- /package/dist/css/{alert.css → divider.css} +0 -0
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const
|
|
3
|
+
const vue = require("vue");
|
|
4
4
|
const data = require("./data.cjs");
|
|
5
5
|
const index = require("../../../hooks/cssname/index.cjs");
|
|
6
6
|
const index$1 = require("../../../hooks/expose/index.cjs");
|
|
7
7
|
const index$2 = require("element-plus/es/components/alert/index");
|
|
8
|
-
const _sfc_main = /* @__PURE__ */
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
9
9
|
__name: "index",
|
|
10
10
|
props: data.dataProps,
|
|
11
11
|
emits: data.dataEmits,
|
|
12
12
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
13
|
-
const attrs =
|
|
14
|
-
const slots =
|
|
13
|
+
const attrs = vue.useAttrs();
|
|
14
|
+
const slots = vue.useSlots();
|
|
15
15
|
const cs = index.useCssName("alert");
|
|
16
16
|
const props = __props;
|
|
17
17
|
const emit = __emit;
|
|
18
|
-
const elRef =
|
|
18
|
+
const elRef = vue.ref();
|
|
19
19
|
__expose(
|
|
20
20
|
index$1.useExpose(
|
|
21
21
|
{
|
|
@@ -25,16 +25,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
25
25
|
)
|
|
26
26
|
);
|
|
27
27
|
return (_ctx, _cache) => {
|
|
28
|
-
return
|
|
28
|
+
return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElAlert), vue.mergeProps({
|
|
29
29
|
ref_key: "elRef",
|
|
30
30
|
ref: elRef,
|
|
31
|
-
class:
|
|
32
|
-
},
|
|
33
|
-
|
|
31
|
+
class: vue.unref(cs).z()
|
|
32
|
+
}, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
|
|
33
|
+
vue.renderList(Object.keys(vue.unref(slots)), (k) => {
|
|
34
34
|
return {
|
|
35
35
|
name: k,
|
|
36
|
-
fn:
|
|
37
|
-
|
|
36
|
+
fn: vue.withCtx((scope) => [
|
|
37
|
+
vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
|
|
38
38
|
])
|
|
39
39
|
};
|
|
40
40
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const
|
|
3
|
+
const vue = require("vue");
|
|
4
4
|
const data = require("./data.cjs");
|
|
5
5
|
const index$1 = require("../../../hooks/cssname/index.cjs");
|
|
6
6
|
const index$2 = require("../../icon/index.cjs");
|
|
@@ -8,14 +8,14 @@ const clear = require("../../../icons/vue/clear.cjs");
|
|
|
8
8
|
const use = require("../../common/use.cjs");
|
|
9
9
|
const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
|
|
10
10
|
const index = require("../../../hooks/locale/index.cjs");
|
|
11
|
-
const _sfc_main = /* @__PURE__ */
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
12
12
|
__name: "index",
|
|
13
13
|
props: data.dataProps,
|
|
14
14
|
emits: data.dataEmits,
|
|
15
15
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
16
16
|
const { getLocale } = index.useLocale();
|
|
17
|
-
const compons =
|
|
18
|
-
const pcompon =
|
|
17
|
+
const compons = vue.inject("forms-compons", {});
|
|
18
|
+
const pcompon = vue.computed(() => {
|
|
19
19
|
if (typeof props.compon == "string") {
|
|
20
20
|
const tcom = lineToLargeHump.lineToLargeHump(props.compon);
|
|
21
21
|
return compons[tcom] || props.compon;
|
|
@@ -37,12 +37,12 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
39
|
const emit = __emit;
|
|
40
|
-
const refInput =
|
|
41
|
-
const isfocus =
|
|
42
|
-
const start =
|
|
43
|
-
const end =
|
|
44
|
-
const emove =
|
|
45
|
-
const isclear =
|
|
40
|
+
const refInput = vue.ref();
|
|
41
|
+
const isfocus = vue.ref(false);
|
|
42
|
+
const start = vue.ref();
|
|
43
|
+
const end = vue.ref();
|
|
44
|
+
const emove = vue.ref(false);
|
|
45
|
+
const isclear = vue.computed(() => {
|
|
46
46
|
if (props.clearable) {
|
|
47
47
|
if (start.value || end.value) {
|
|
48
48
|
if (emove.value || isfocus.value) {
|
|
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
52
52
|
}
|
|
53
53
|
return false;
|
|
54
54
|
});
|
|
55
|
-
const multiple =
|
|
55
|
+
const multiple = vue.computed(() => {
|
|
56
56
|
var _a;
|
|
57
57
|
let multiple2 = (_a = props.config) == null ? void 0 : _a.multiple;
|
|
58
58
|
if (props.multiple) {
|
|
@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
62
62
|
}
|
|
63
63
|
return multiple2;
|
|
64
64
|
});
|
|
65
|
-
|
|
65
|
+
vue.watch(
|
|
66
66
|
() => props.modelValue,
|
|
67
67
|
() => {
|
|
68
68
|
let v = props.modelValue;
|
|
@@ -89,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
89
89
|
deep: true
|
|
90
90
|
}
|
|
91
91
|
);
|
|
92
|
-
|
|
92
|
+
vue.watch(
|
|
93
93
|
() => isfocus.value,
|
|
94
94
|
() => {
|
|
95
95
|
if (isfocus.value) {
|
|
@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
105
105
|
function onMouseleave() {
|
|
106
106
|
emove.value = false;
|
|
107
107
|
}
|
|
108
|
-
const errer =
|
|
108
|
+
const errer = vue.ref();
|
|
109
109
|
function onInput(type) {
|
|
110
110
|
var _a, _b;
|
|
111
111
|
if (props.check) {
|
|
@@ -189,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
189
189
|
function clearBlur() {
|
|
190
190
|
clearTimeout(timeout);
|
|
191
191
|
}
|
|
192
|
-
|
|
192
|
+
vue.onMounted(() => {
|
|
193
193
|
if (window) {
|
|
194
194
|
console.log("onMounted");
|
|
195
195
|
window.addEventListener("click", () => {
|
|
@@ -203,67 +203,67 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
203
203
|
});
|
|
204
204
|
return (_ctx, _cache) => {
|
|
205
205
|
var _a, _b, _c, _d;
|
|
206
|
-
return
|
|
207
|
-
class:
|
|
206
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
207
|
+
class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("focus", isfocus.value)]),
|
|
208
208
|
onMouseenter,
|
|
209
209
|
onMouseleave,
|
|
210
|
-
onClick:
|
|
210
|
+
onClick: vue.withModifiers(onClick, ["stop"])
|
|
211
211
|
}, [
|
|
212
|
-
|
|
213
|
-
(
|
|
212
|
+
vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
|
|
213
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(pcompon.value), vue.mergeProps(vue.unref(props).config, {
|
|
214
214
|
multiple: multiple.value,
|
|
215
|
-
class: [
|
|
215
|
+
class: [vue.unref(cs).z("value"), vue.unref(cs).z("start")],
|
|
216
216
|
modelValue: start.value,
|
|
217
217
|
"onUpdate:modelValue": [
|
|
218
218
|
_cache[0] || (_cache[0] = ($event) => start.value = $event),
|
|
219
219
|
_cache[1] || (_cache[1] = ($event) => onInput(0))
|
|
220
220
|
],
|
|
221
|
-
placeholder:
|
|
222
|
-
onClick:
|
|
221
|
+
placeholder: vue.unref(props).startPlaceholder + (((_a = vue.unref(props).config) == null ? void 0 : _a.placeholder) ?? ""),
|
|
222
|
+
onClick: vue.withModifiers(onFocus, ["stop"]),
|
|
223
223
|
onBlur
|
|
224
224
|
}), null, 16, ["multiple", "class", "modelValue", "placeholder"])),
|
|
225
|
-
|
|
226
|
-
class:
|
|
227
|
-
},
|
|
228
|
-
(
|
|
225
|
+
vue.createElementVNode("span", {
|
|
226
|
+
class: vue.normalizeClass([vue.unref(cs).z("range")])
|
|
227
|
+
}, vue.toDisplayString(vue.unref(props).rangeSeparator), 3),
|
|
228
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(pcompon.value), vue.mergeProps(vue.unref(props).config, {
|
|
229
229
|
multiple: multiple.value,
|
|
230
|
-
class: [
|
|
230
|
+
class: [vue.unref(cs).z("value"), vue.unref(cs).z("end")],
|
|
231
231
|
modelValue: end.value,
|
|
232
232
|
"onUpdate:modelValue": [
|
|
233
233
|
_cache[2] || (_cache[2] = ($event) => end.value = $event),
|
|
234
234
|
_cache[3] || (_cache[3] = ($event) => onInput(1))
|
|
235
235
|
],
|
|
236
|
-
placeholder:
|
|
237
|
-
onClick:
|
|
236
|
+
placeholder: vue.unref(props).endPlaceholder + (((_b = vue.unref(props).config) == null ? void 0 : _b.placeholder) ?? ""),
|
|
237
|
+
onClick: vue.withModifiers(onFocus, ["stop"]),
|
|
238
238
|
onBlur
|
|
239
239
|
}), null, 16, ["multiple", "class", "modelValue", "placeholder"])),
|
|
240
|
-
errer.value ? (
|
|
240
|
+
errer.value ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
241
241
|
key: 0,
|
|
242
|
-
class:
|
|
243
|
-
|
|
244
|
-
|
|
242
|
+
class: vue.normalizeClass([
|
|
243
|
+
vue.unref(cs).z("error"),
|
|
244
|
+
vue.unref(cs).is("clear", isclear.value),
|
|
245
245
|
"type-" + ((_c = errer.value) == null ? void 0 : _c.type)
|
|
246
246
|
])
|
|
247
|
-
},
|
|
248
|
-
|
|
249
|
-
class:
|
|
247
|
+
}, vue.toDisplayString(((_d = errer.value) == null ? void 0 : _d.message) ? errer.value.message : errer.value), 3)) : vue.createCommentVNode("", true),
|
|
248
|
+
vue.createElementVNode("input", {
|
|
249
|
+
class: vue.normalizeClass(vue.unref(cs).z("focus")),
|
|
250
250
|
ref_key: "refInput",
|
|
251
251
|
ref: refInput,
|
|
252
252
|
onBlur
|
|
253
253
|
}, null, 34),
|
|
254
|
-
isclear.value ? (
|
|
254
|
+
isclear.value ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
255
255
|
key: 1,
|
|
256
|
-
class:
|
|
257
|
-
onClick:
|
|
256
|
+
class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).z("clear")]),
|
|
257
|
+
onClick: vue.withModifiers(onClear, ["stop"])
|
|
258
258
|
}, [
|
|
259
|
-
|
|
260
|
-
default:
|
|
261
|
-
|
|
259
|
+
vue.createVNode(vue.unref(index$2.Icon), null, {
|
|
260
|
+
default: vue.withCtx(() => [
|
|
261
|
+
vue.createVNode(clear.default)
|
|
262
262
|
]),
|
|
263
263
|
_: 1
|
|
264
264
|
})
|
|
265
|
-
], 2)) :
|
|
266
|
-
|
|
265
|
+
], 2)) : vue.createCommentVNode("", true),
|
|
266
|
+
vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix)
|
|
267
267
|
], 34);
|
|
268
268
|
};
|
|
269
269
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const
|
|
3
|
+
const vue = require("vue");
|
|
4
4
|
const index$2 = require("../../sliders/index.cjs");
|
|
5
5
|
const index$3 = require("../../button/index.cjs");
|
|
6
6
|
const up = require("../../../icons/vue/up.cjs");
|
|
@@ -15,7 +15,7 @@ const index$1 = require("../../../hooks/cssname/index.cjs");
|
|
|
15
15
|
const index = require("../../../hooks/locale/index.cjs");
|
|
16
16
|
const util = require("../../players/common/util.cjs");
|
|
17
17
|
const _hoisted_1 = ["onClick"];
|
|
18
|
-
const _sfc_main = /* @__PURE__ */
|
|
18
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
19
19
|
__name: "index",
|
|
20
20
|
props: data.dataProps,
|
|
21
21
|
emits: data.dataEmits,
|
|
@@ -24,21 +24,21 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
24
24
|
const cs = index$1.useCssName("audios");
|
|
25
25
|
const props = __props;
|
|
26
26
|
const emit = __emit;
|
|
27
|
-
const audioRef =
|
|
28
|
-
const current =
|
|
29
|
-
const list =
|
|
27
|
+
const audioRef = vue.ref(null);
|
|
28
|
+
const current = vue.ref(0);
|
|
29
|
+
const list = vue.computed(() => {
|
|
30
30
|
return util.getListValue(props.list);
|
|
31
31
|
});
|
|
32
|
-
const value =
|
|
32
|
+
const value = vue.computed(() => {
|
|
33
33
|
return list.value[current.value];
|
|
34
34
|
});
|
|
35
|
-
const slider =
|
|
36
|
-
const duration =
|
|
37
|
-
const currentTime =
|
|
38
|
-
const isPlaying =
|
|
39
|
-
const volume =
|
|
40
|
-
const isMuted =
|
|
41
|
-
const isMouse =
|
|
35
|
+
const slider = vue.ref(0);
|
|
36
|
+
const duration = vue.ref(0);
|
|
37
|
+
const currentTime = vue.ref(0);
|
|
38
|
+
const isPlaying = vue.ref(false);
|
|
39
|
+
const volume = vue.ref(50);
|
|
40
|
+
const isMuted = vue.ref(false);
|
|
41
|
+
const isMouse = vue.ref(true);
|
|
42
42
|
const onMousedown = () => {
|
|
43
43
|
isMouse.value = false;
|
|
44
44
|
};
|
|
@@ -66,7 +66,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
66
66
|
if (audioRef.value) {
|
|
67
67
|
audioRef.value.src = value.value.url;
|
|
68
68
|
audioRef.value.load();
|
|
69
|
-
|
|
69
|
+
vue.nextTick(() => {
|
|
70
70
|
onReplay();
|
|
71
71
|
});
|
|
72
72
|
}
|
|
@@ -114,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
114
114
|
isPlaying.value = false;
|
|
115
115
|
console.log("handleEnded", handleEnded);
|
|
116
116
|
};
|
|
117
|
-
|
|
117
|
+
vue.onMounted(() => {
|
|
118
118
|
var _a;
|
|
119
119
|
audioRef.value = new Audio();
|
|
120
120
|
audioRef.value.volume = volume.value / 100;
|
|
@@ -127,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
127
127
|
});
|
|
128
128
|
audioRef.value.load();
|
|
129
129
|
});
|
|
130
|
-
|
|
130
|
+
vue.onUnmounted(() => {
|
|
131
131
|
if (audioRef.value) {
|
|
132
132
|
audioRef.value.removeEventListener("timeupdate", handleTimeUpdate);
|
|
133
133
|
audioRef.value.removeEventListener(
|
|
@@ -143,54 +143,54 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
143
143
|
});
|
|
144
144
|
return (_ctx, _cache) => {
|
|
145
145
|
var _a;
|
|
146
|
-
return
|
|
147
|
-
class:
|
|
146
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
147
|
+
class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("playing", isPlaying.value)])
|
|
148
148
|
}, [
|
|
149
|
-
|
|
150
|
-
class:
|
|
151
|
-
},
|
|
152
|
-
|
|
153
|
-
class:
|
|
149
|
+
vue.createElementVNode("div", {
|
|
150
|
+
class: vue.normalizeClass(vue.unref(cs).z("name"))
|
|
151
|
+
}, vue.toDisplayString((_a = value.value) == null ? void 0 : _a.name), 3),
|
|
152
|
+
vue.createElementVNode("div", {
|
|
153
|
+
class: vue.normalizeClass(vue.unref(cs).z("slider"))
|
|
154
154
|
}, [
|
|
155
|
-
|
|
156
|
-
class:
|
|
155
|
+
vue.createVNode(vue.unref(index$2.Sliders), {
|
|
156
|
+
class: vue.normalizeClass(vue.unref(cs).z("slider-slider")),
|
|
157
157
|
onChange: onChangeSlider,
|
|
158
158
|
onMousedown,
|
|
159
159
|
"format-tooltip": formatTooltip,
|
|
160
160
|
modelValue: slider.value,
|
|
161
161
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => slider.value = $event)
|
|
162
162
|
}, null, 8, ["class", "modelValue"]),
|
|
163
|
-
|
|
164
|
-
class:
|
|
163
|
+
vue.createElementVNode("div", {
|
|
164
|
+
class: vue.normalizeClass(vue.unref(cs).z("duration"))
|
|
165
165
|
}, [
|
|
166
|
-
|
|
167
|
-
class:
|
|
168
|
-
},
|
|
169
|
-
_cache[4] || (_cache[4] =
|
|
170
|
-
|
|
171
|
-
class:
|
|
172
|
-
},
|
|
166
|
+
vue.createElementVNode("span", {
|
|
167
|
+
class: vue.normalizeClass(vue.unref(cs).z("duration-began"))
|
|
168
|
+
}, vue.toDisplayString(vue.unref(hourFormat.hourFormat)(currentTime.value)), 3),
|
|
169
|
+
_cache[4] || (_cache[4] = vue.createElementVNode("span", null, "/", -1)),
|
|
170
|
+
vue.createElementVNode("span", {
|
|
171
|
+
class: vue.normalizeClass(vue.unref(cs).z("duration-end"))
|
|
172
|
+
}, vue.toDisplayString(vue.unref(hourFormat.hourFormat)(duration.value)), 3)
|
|
173
173
|
], 2)
|
|
174
174
|
], 2),
|
|
175
|
-
|
|
176
|
-
class:
|
|
175
|
+
vue.createElementVNode("div", {
|
|
176
|
+
class: vue.normalizeClass(vue.unref(cs).z("control"))
|
|
177
177
|
}, [
|
|
178
|
-
|
|
179
|
-
class:
|
|
178
|
+
vue.createElementVNode("div", {
|
|
179
|
+
class: vue.normalizeClass(vue.unref(cs).z("control-buts"))
|
|
180
180
|
}, [
|
|
181
|
-
|
|
181
|
+
vue.createVNode(vue.unref(index$3.Button), {
|
|
182
182
|
size: "small",
|
|
183
183
|
icon: up.default,
|
|
184
184
|
disabled: current.value == 0,
|
|
185
185
|
circle: "",
|
|
186
186
|
onClick: _cache[1] || (_cache[1] = ($event) => onTrack(true))
|
|
187
187
|
}, null, 8, ["disabled"]),
|
|
188
|
-
|
|
188
|
+
vue.createVNode(vue.unref(index$3.Button), {
|
|
189
189
|
icon: isPlaying.value ? pause.default : play.default,
|
|
190
190
|
circle: "",
|
|
191
191
|
onClick: togglePlay
|
|
192
192
|
}, null, 8, ["icon"]),
|
|
193
|
-
|
|
193
|
+
vue.createVNode(vue.unref(index$3.Button), {
|
|
194
194
|
size: "small",
|
|
195
195
|
icon: down.default,
|
|
196
196
|
circle: "",
|
|
@@ -198,18 +198,18 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
198
198
|
onClick: _cache[2] || (_cache[2] = ($event) => onTrack(false))
|
|
199
199
|
}, null, 8, ["disabled"])
|
|
200
200
|
], 2),
|
|
201
|
-
|
|
202
|
-
class:
|
|
201
|
+
vue.createElementVNode("div", {
|
|
202
|
+
class: vue.normalizeClass(vue.unref(cs).z("control-volume"))
|
|
203
203
|
}, [
|
|
204
|
-
|
|
205
|
-
class:
|
|
204
|
+
vue.createVNode(vue.unref(index$3.Button), {
|
|
205
|
+
class: vue.normalizeClass(vue.unref(cs).z("control-volume-but")),
|
|
206
206
|
icon: isMuted.value ? mute.default : sound.default,
|
|
207
207
|
circle: "",
|
|
208
208
|
onClick: toggleMute,
|
|
209
209
|
size: "small"
|
|
210
210
|
}, null, 8, ["class", "icon"]),
|
|
211
|
-
|
|
212
|
-
class:
|
|
211
|
+
vue.createVNode(vue.unref(index$2.Sliders), {
|
|
212
|
+
class: vue.normalizeClass(vue.unref(cs).z("control-volume-slider")),
|
|
213
213
|
size: "small",
|
|
214
214
|
onChange,
|
|
215
215
|
modelValue: volume.value,
|
|
@@ -217,20 +217,20 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
217
217
|
}, null, 8, ["class", "modelValue"])
|
|
218
218
|
], 2)
|
|
219
219
|
], 2),
|
|
220
|
-
list.value.length > 1 ? (
|
|
220
|
+
list.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
221
221
|
key: 0,
|
|
222
|
-
class:
|
|
222
|
+
class: vue.normalizeClass(vue.unref(cs).z("list"))
|
|
223
223
|
}, [
|
|
224
|
-
(
|
|
225
|
-
return
|
|
226
|
-
class:
|
|
224
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(list.value, (item, index2) => {
|
|
225
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
226
|
+
class: vue.normalizeClass([vue.unref(cs).z("list-li"), vue.unref(cs).is("active", current.value === index2)]),
|
|
227
227
|
key: index2,
|
|
228
228
|
onClick: ($event) => playTrack(index2)
|
|
229
229
|
}, [
|
|
230
|
-
|
|
230
|
+
vue.createElementVNode("div", null, vue.toDisplayString(item.name), 1)
|
|
231
231
|
], 10, _hoisted_1);
|
|
232
232
|
}), 128))
|
|
233
|
-
], 2)) :
|
|
233
|
+
], 2)) : vue.createCommentVNode("", true)
|
|
234
234
|
], 2);
|
|
235
235
|
};
|
|
236
236
|
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const
|
|
3
|
+
const vue = require("vue");
|
|
4
4
|
const data = require("./data.cjs");
|
|
5
5
|
const index = require("../../../hooks/cssname/index.cjs");
|
|
6
6
|
const index$1 = require("../../../hooks/expose/index.cjs");
|
|
7
7
|
const index$2 = require("element-plus/es/components/autocomplete/index");
|
|
8
|
-
const _sfc_main = /* @__PURE__ */
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
9
9
|
__name: "index",
|
|
10
10
|
props: data.dataProps,
|
|
11
11
|
emits: data.dataEmits,
|
|
12
12
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
13
|
-
const attrs =
|
|
14
|
-
const slots =
|
|
13
|
+
const attrs = vue.useAttrs();
|
|
14
|
+
const slots = vue.useSlots();
|
|
15
15
|
const cs = index.useCssName("autocomplete");
|
|
16
16
|
const props = __props;
|
|
17
17
|
const emit = __emit;
|
|
18
|
-
const elRef =
|
|
18
|
+
const elRef = vue.ref();
|
|
19
19
|
__expose(
|
|
20
20
|
index$1.useExpose(
|
|
21
21
|
{
|
|
@@ -25,16 +25,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
25
25
|
)
|
|
26
26
|
);
|
|
27
27
|
return (_ctx, _cache) => {
|
|
28
|
-
return
|
|
28
|
+
return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElAutocomplete), vue.mergeProps({
|
|
29
29
|
ref_key: "elRef",
|
|
30
30
|
ref: elRef,
|
|
31
|
-
class:
|
|
32
|
-
},
|
|
33
|
-
|
|
31
|
+
class: vue.unref(cs).z()
|
|
32
|
+
}, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
|
|
33
|
+
vue.renderList(Object.keys(vue.unref(slots)), (k) => {
|
|
34
34
|
return {
|
|
35
35
|
name: k,
|
|
36
|
-
fn:
|
|
37
|
-
|
|
36
|
+
fn: vue.withCtx((scope) => [
|
|
37
|
+
vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
|
|
38
38
|
])
|
|
39
39
|
};
|
|
40
40
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const
|
|
3
|
+
const vue = require("vue");
|
|
4
4
|
const data = require("./data.cjs");
|
|
5
5
|
const index$1 = require("../../../hooks/cssname/index.cjs");
|
|
6
6
|
const index = require("../../../hooks/locale/index.cjs");
|
|
@@ -8,17 +8,17 @@ const index$4 = require("../../box-title/index.cjs");
|
|
|
8
8
|
const index$3 = require("../../box-mask/index.cjs");
|
|
9
9
|
const index$2 = require("../../box-teleport/index.cjs");
|
|
10
10
|
const _hoisted_1 = ["name"];
|
|
11
|
-
const _sfc_main = /* @__PURE__ */
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
12
12
|
__name: "index",
|
|
13
13
|
props: data.dataProps,
|
|
14
14
|
emits: data.dataEmits,
|
|
15
15
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
16
|
-
const isInit =
|
|
16
|
+
const isInit = vue.shallowRef(false);
|
|
17
17
|
const { getLocale } = index.useLocale();
|
|
18
18
|
const cs = index$1.useCssName("box");
|
|
19
19
|
const props = __props;
|
|
20
20
|
const emit = __emit;
|
|
21
|
-
|
|
21
|
+
vue.watch(
|
|
22
22
|
() => props.modelValue,
|
|
23
23
|
() => {
|
|
24
24
|
if (props.modelValue) {
|
|
@@ -35,39 +35,39 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
|
|
|
35
35
|
...data.dataExpose
|
|
36
36
|
});
|
|
37
37
|
return (_ctx, _cache) => {
|
|
38
|
-
return
|
|
38
|
+
return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
|
|
39
39
|
disabled: props.disabled,
|
|
40
40
|
to: props.to
|
|
41
41
|
}, {
|
|
42
|
-
default:
|
|
43
|
-
isInit.value ?
|
|
42
|
+
default: vue.withCtx(() => [
|
|
43
|
+
isInit.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
|
|
44
44
|
key: 0,
|
|
45
|
-
class:
|
|
45
|
+
class: vue.normalizeClass([vue.unref(cs).z(), props.boxClass])
|
|
46
46
|
}, [
|
|
47
|
-
|
|
47
|
+
vue.createVNode(vue.unref(index$3.BoxMask), {
|
|
48
48
|
onClick: onClose,
|
|
49
|
-
cssprefix: props.cssprefix ||
|
|
49
|
+
cssprefix: props.cssprefix || vue.unref(cs).z()
|
|
50
50
|
}, null, 8, ["cssprefix"]),
|
|
51
|
-
|
|
52
|
-
class:
|
|
51
|
+
vue.createElementVNode("div", {
|
|
52
|
+
class: vue.normalizeClass(vue.unref(cs).z("body"))
|
|
53
53
|
}, [
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).title, {}, () => [
|
|
55
|
+
vue.createVNode(vue.unref(index$4.BoxTitle), {
|
|
56
56
|
onClose,
|
|
57
57
|
title: props.title
|
|
58
58
|
}, null, 8, ["title"])
|
|
59
59
|
]),
|
|
60
|
-
|
|
61
|
-
name:
|
|
62
|
-
class:
|
|
60
|
+
vue.createElementVNode("div", {
|
|
61
|
+
name: vue.unref(data.dataSlot).default,
|
|
62
|
+
class: vue.normalizeClass(vue.unref(cs).z("body-div"))
|
|
63
63
|
}, [
|
|
64
|
-
|
|
64
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
65
65
|
], 10, _hoisted_1),
|
|
66
|
-
|
|
66
|
+
vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
|
|
67
67
|
], 2)
|
|
68
68
|
], 2)), [
|
|
69
|
-
[
|
|
70
|
-
]) :
|
|
69
|
+
[vue.vShow, props.modelValue]
|
|
70
|
+
]) : vue.createCommentVNode("", true)
|
|
71
71
|
]),
|
|
72
72
|
_: 3
|
|
73
73
|
}, 8, ["disabled", "to"]);
|
|
@@ -68,6 +68,23 @@
|
|
|
68
68
|
display: flex;
|
|
69
69
|
flex-direction: column;
|
|
70
70
|
}
|
|
71
|
+
.box-adjust-body.is-max {
|
|
72
|
+
width: 100vw !important;
|
|
73
|
+
height: 100vh !important;
|
|
74
|
+
top: initial !important;
|
|
75
|
+
left: initial !important;
|
|
76
|
+
}
|
|
77
|
+
.box-adjust-body.is-max::-webkit-scrollbar {
|
|
78
|
+
width: 0 !important;
|
|
79
|
+
}
|
|
80
|
+
.box-adjust-body .box-adjust-title-icon {
|
|
81
|
+
width: 20px;
|
|
82
|
+
display: inline-flex;
|
|
83
|
+
align-items: center;
|
|
84
|
+
margin: 0 4px;
|
|
85
|
+
height: 100%;
|
|
86
|
+
cursor: pointer;
|
|
87
|
+
}
|
|
71
88
|
.box-adjust-body-div {
|
|
72
89
|
flex: 1;
|
|
73
90
|
overflow-y: auto;
|
|
@@ -25,6 +25,24 @@ $box-adjust: 'box-adjust';
|
|
|
25
25
|
height: 40%;
|
|
26
26
|
display: flex;
|
|
27
27
|
flex-direction: column;
|
|
28
|
+
&.#{is('max')} {
|
|
29
|
+
width: 100vw !important;
|
|
30
|
+
height: 100vh !important;
|
|
31
|
+
top: initial !important;
|
|
32
|
+
left: initial !important;
|
|
33
|
+
&::-webkit-scrollbar {
|
|
34
|
+
width: 0 !important;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
.#{z($box-adjust, 'title-icon')} {
|
|
38
|
+
width: 20px;
|
|
39
|
+
display: inline-flex;
|
|
40
|
+
align-items: center;
|
|
41
|
+
margin: 0 4px;
|
|
42
|
+
height: 100%;
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
}
|
|
45
|
+
|
|
28
46
|
&-div {
|
|
29
47
|
flex: 1;
|
|
30
48
|
overflow-y: auto;
|