mvframe 1.0.4
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/README.md +163 -0
- package/dist/composition.js +190 -0
- package/dist/cpt/BtnGroup.js +65 -0
- package/dist/cpt/Form.js +90 -0
- package/dist/cpt/Frame.js +78 -0
- package/dist/cpt/Icon.js +34 -0
- package/dist/cpt/Input.js +68 -0
- package/dist/cpt/Page.js +55 -0
- package/dist/cpt/Select.js +186 -0
- package/dist/cpt/SelectV2.js +189 -0
- package/dist/cpt/Table.js +334 -0
- package/dist/cpt/Tabs.js +80 -0
- package/dist/cpt/Textarea.js +103 -0
- package/dist/cpt/chip.js +809 -0
- package/dist/css/cpt.css +1 -0
- package/dist/directive.js +50 -0
- package/dist/index.js +7 -0
- package/dist/sortablejs.js +1612 -0
- package/dist/store.js +155 -0
- package/dist/util.js +196 -0
- package/dist/vendor.js +87 -0
- package/dist/vuedraggable.js +2819 -0
- package/package.json +50 -0
package/dist/css/cpt.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.MvcBtnGroup[data-v-19946018]{padding:.25rem;background:var(--color-white);border-radius:.375rem}.MvcBtnGroup.sizeSmall[data-v-19946018]{padding:2px;border-radius:.25rem}.MvcBtnGroup.sizeSmall .btnItem[data-v-19946018]{padding:.25rem .625rem;font-size:.75rem;line-height:1.5;border-radius:.1875rem}.MvcBtnGroup.sizeLarge[data-v-19946018]{padding:.375rem;border-radius:.5rem}.MvcBtnGroup.sizeLarge .btnItem[data-v-19946018]{padding:.5rem 1.125rem;font-size:1rem;line-height:1.5;border-radius:.375rem}.MvcBtnGroup .btnItem[data-v-19946018]{padding:.375rem .875rem;font-size:.875rem;line-height:1.5;color:var(--color-txt-p);background:transparent;border:none;border-radius:.3125rem;cursor:pointer;transition:var(--trans-all)}.MvcBtnGroup .btnItem[data-v-19946018]:hover:not(:disabled):not(.isActive){background:var(--color-bg-menu-item-hover)}.MvcBtnGroup .btnItem.isActive[data-v-19946018]{color:var(--color-white);background:var(--color-primary);position:relative}.MvcBtnGroup .btnItem.isActive[data-v-19946018]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.25;background-color:var(--color-primary);transform:translateY(25%);pointer-events:none;filter:blur(10px);z-index:0}.MvcBtnGroup .btnItem[data-v-19946018]:disabled{opacity:.5;cursor:not-allowed}.FrameTab[data-v-1a5bae58]:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:var(--border-d)}.FrameTab .tabItem[data-v-1a5bae58]{margin-block-end:-1px;border:var(--border-d);border-block-end:none;border-radius:.25rem .25rem 0 0;background-color:var(--color-white);opacity:.5;overflow:hidden;transition:var(--trans-all)}.FrameTab .tabItem[data-v-1a5bae58]:hover{opacity:.8}.FrameTab .tabItem.active[data-v-1a5bae58]{opacity:1}.FrameTab .tabItem .abs[data-v-1a5bae58]{transition:var(--trans-all);transform:translate(2.25rem)}.FrameTab .tabItem .abs[data-v-1a5bae58]:hover{opacity:.8;color:var(--color-primary)}.FrameTab .tabItem.hoverItem.active[data-v-1a5bae58]{padding-inline-end:2.25rem}.FrameTab .tabItem.hoverItem.active .abs[data-v-1a5bae58]{transform:translate(-.375rem)}.FrameTab .tabItem.hoverItem[data-v-1a5bae58]:hover{padding-inline-end:2.25rem}.FrameTab .tabItem.hoverItem:hover .abs[data-v-1a5bae58]{transform:translate(-.375rem)}.FrameTab .tabItem.disabled[data-v-1a5bae58]{opacity:.7;cursor:not-allowed}.FrameMenu[data-v-8dc648a5]{width:12rem;background-color:var(--color-bg-menu);overflow:hidden}.FrameMenu[data-v-8dc648a5]:after{content:"";position:absolute;top:0;right:0;bottom:0;border-right:var(--border-d)}.FrameMenu:hover .logomini[data-v-8dc648a5]{opacity:.1}.FrameMenu:hover .collapseArea[data-v-8dc648a5]{display:block!important}.FrameMenu .LogoArea .logomini[data-v-8dc648a5]{display:none}.FrameMenu .collapseArea[data-v-8dc648a5]{top:50%;right:1rem;height:1.25rem;width:1.24rem;transform:translateY(-50%)}.FrameMenu .MenuArea .menuItem[data-v-8dc648a5]{height:2.75rem;transition:var(--trans-all)}.FrameMenu .MenuArea .menuItem[data-v-8dc648a5]:hover{background-color:var(--color-bg-menu-item-hover)}.FrameMenu .MenuArea .menuItem.active[data-v-8dc648a5]:hover{background-color:var(--color-primary);opacity:.8}.FrameMenu .MenuArea .menuItem.active .itemIcon[data-v-8dc648a5]{color:var(--color-primary-bg-txt)}.FrameMenu .MenuArea .childrenItem[data-v-8dc648a5]{transition:var(--trans-all)}.FrameMenu .MenuArea .childrenItem[data-v-8dc648a5]:hover{background-color:var(--color-bg-menu-children-item-hover)}.FrameMenu .MenuArea .childrenItem.active[data-v-8dc648a5]:hover{background-color:var(--color-primary);opacity:.8}.FrameMenu .MenuArea .itemChildrenArea[data-v-8dc648a5]{background-color:var(--color-bg-menu-children)}.FrameMenu.collapse[data-v-8dc648a5]{width:4rem}.FrameMenu.collapse .collapseArea[data-v-8dc648a5]{right:1.5rem;display:none}.FrameMenu.collapse .LogoArea .logo[data-v-8dc648a5]{display:none}.FrameMenu.collapse .LogoArea .logomini[data-v-8dc648a5]{display:block;transition:opacity var(--trans)}.FrameMenu.collapse .MenuArea .menuItem.activeChild[data-v-8dc648a5]{position:relative}.FrameMenu.collapse .MenuArea .menuItem.activeChild[data-v-8dc648a5]:before{content:"";position:absolute;right:0rem;top:50%;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:50%;background-color:var(--color-primary)}.FrameMenu.collapse .MenuArea .itemChildrenArea[data-v-8dc648a5]{display:none}.FrameFooter[data-v-c3ba0162]{display:flex;height:3rem;padding:.5rem 1rem;gap:.5rem;font-size:14px}.MvcFrame[data-v-d0100e71]{display:flex}.MvcFrame .PageArea[data-v-d0100e71]{flex-grow:1;max-width:100%}.MvcPage[data-v-7d18d3b1]{min-height:calc(100vh - 48px)}.MvcPage .PageHeader[data-v-7d18d3b1]{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;min-height:4rem;border-bottom:var(--border-d);background-color:var(--color-bg-page-header)}.MvcPage .PageHeader .PageHeaderTitle[data-v-7d18d3b1]{margin:0}.MvcPage .PageHeader .PageHeaderSubTitle[data-v-7d18d3b1]{margin:0;font-size:12px;color:var(--color-txt-p)}.MvcPage .PageBody[data-v-7d18d3b1]{padding:1rem;background-color:var(--color-bg-page-body)}.ghost[data-v-01691821]{cursor:grabbing}.typeItem[data-v-01691821]{cursor:pointer}.typeItem[data-v-01691821]:hover{background-color:var(--mg-gray3)}.typeItem.active[data-v-01691821]{color:var(--mg-white);background-color:var(--mg-primary)}.columnItem[data-v-01691821]:hover{background-color:var(--mg-gray3)}.columnItem .fixedBtn[data-v-01691821]{cursor:pointer}.columnItem .fixedBtn[data-v-01691821]:hover{background-color:var(--mg-primary1)}.MainTable[data-v-e72098dd]{max-width:calc(100% + 2px);width:calc(100% + 2px);margin:0 -1px}.MvcTabs .panelWrap[data-v-62303cd8]{flex:1;min-height:0}[data-v-4dba94bf] .el-textarea__inner{box-sizing:border-box}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
const y = (e) => {
|
|
2
|
+
e._copyEventType && e._onCopy && e.removeEventListener(e._copyEventType, e._onCopy), e._copyEventType = void 0;
|
|
3
|
+
}, a = (e) => {
|
|
4
|
+
const t = e.tagName;
|
|
5
|
+
if (t === "INPUT" || t === "TEXTAREA") {
|
|
6
|
+
e.focus(), e.select();
|
|
7
|
+
return;
|
|
8
|
+
}
|
|
9
|
+
const n = window.getSelection();
|
|
10
|
+
if (n)
|
|
11
|
+
try {
|
|
12
|
+
const o = document.createRange();
|
|
13
|
+
o.selectNodeContents(e), n.removeAllRanges(), n.addRange(o);
|
|
14
|
+
} catch {
|
|
15
|
+
}
|
|
16
|
+
}, s = (e, t) => {
|
|
17
|
+
e._copyBinding = t, e._onCopy || (e._onCopy = () => {
|
|
18
|
+
const o = e._copyBinding;
|
|
19
|
+
o != null && o.value && (o.modifiers.dblclick && a(e), window.$copy(o.value, o.arg));
|
|
20
|
+
});
|
|
21
|
+
const n = t.modifiers.dblclick ? "dblclick" : "click";
|
|
22
|
+
e._copyEventType !== n && (y(e), e.addEventListener(n, e._onCopy), e._copyEventType = n);
|
|
23
|
+
}, m = (e) => {
|
|
24
|
+
e.directive("copy", {
|
|
25
|
+
mounted(t, n) {
|
|
26
|
+
s(t, n);
|
|
27
|
+
},
|
|
28
|
+
updated(t, n) {
|
|
29
|
+
s(t, n);
|
|
30
|
+
},
|
|
31
|
+
unmounted(t) {
|
|
32
|
+
y(t), t._onCopy = void 0, t._copyBinding = void 0;
|
|
33
|
+
}
|
|
34
|
+
}), e.directive("focus", {
|
|
35
|
+
mounted(t, n, o) {
|
|
36
|
+
let { value: c = 0, arg: p = "time" } = n;
|
|
37
|
+
if (c === null)
|
|
38
|
+
return;
|
|
39
|
+
let r = 100, i = 0;
|
|
40
|
+
p !== "time" ? i = c : r = Number(c);
|
|
41
|
+
const u = setTimeout(() => {
|
|
42
|
+
let d = t.querySelectorAll("input, textarea");
|
|
43
|
+
d[i].focus(), d[i].select(), clearTimeout(u);
|
|
44
|
+
}, r);
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
};
|
|
48
|
+
export {
|
|
49
|
+
m as d
|
|
50
|
+
};
|