@oneflowui/ui 0.4.2 → 0.4.3
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/_virtual/_commonjsHelpers.js +6 -0
- package/dist/_virtual/_plugin-vue_export-helper.js +9 -0
- package/dist/components/ContextMenu/index.vue.js +7 -0
- package/dist/components/ContextMenu/index.vue2.js +91 -0
- package/dist/components/Dashboard/charts/BarChart.vue.js +7 -0
- package/dist/components/Dashboard/charts/BarChart.vue2.js +43 -0
- package/dist/components/Dashboard/charts/DoughnutChart.vue.js +23 -0
- package/dist/components/Dashboard/charts/DoughnutChart.vue2.js +4 -0
- package/dist/components/Dashboard/charts/NumberCard.vue.js +7 -0
- package/dist/components/Dashboard/charts/NumberCard.vue2.js +41 -0
- package/dist/components/Dashboard/charts/PieChart.vue.js +7 -0
- package/dist/components/Dashboard/charts/PieChart.vue2.js +53 -0
- package/dist/components/Dashboard/charts/TableChart.vue.js +7 -0
- package/dist/components/Dashboard/charts/TableChart.vue2.js +50 -0
- package/dist/components/Dashboard/index.vue.js +7 -0
- package/dist/components/Dashboard/index.vue2.js +104 -0
- package/dist/components/ai/AiMessageBubble.vue.js +7 -0
- package/dist/components/ai/AiMessageBubble.vue2.js +47 -0
- package/dist/components/ai/AiMessageList.vue.js +7 -0
- package/dist/components/ai/AiMessageList.vue2.js +78 -0
- package/dist/components/ai/AiSender.vue.js +7 -0
- package/dist/components/ai/AiSender.vue2.js +86 -0
- package/dist/components/ai/AiStreamingCursor.vue.js +7 -0
- package/dist/components/ai/AiStreamingCursor.vue2.js +16 -0
- package/dist/components/ai/AiThinking.vue.js +7 -0
- package/dist/components/ai/AiThinking.vue2.js +19 -0
- package/dist/components/ai/UserMessageBubble.vue.js +7 -0
- package/dist/components/ai/UserMessageBubble.vue2.js +34 -0
- package/dist/components/auxiliary/ColorPanel.vue.js +7 -0
- package/dist/components/auxiliary/ColorPanel.vue2.js +65 -0
- package/dist/components/auxiliary/FileUpload.vue.js +7 -0
- package/dist/components/auxiliary/FileUpload.vue2.js +90 -0
- package/dist/components/auxiliary/PersonPanel.vue.js +7 -0
- package/dist/components/auxiliary/PersonPanel.vue2.js +66 -0
- package/dist/components/base/Accordion.vue.js +7 -0
- package/dist/components/base/Accordion.vue2.js +78 -0
- package/dist/components/base/AddViewBtn.vue.js +7 -0
- package/dist/components/base/AddViewBtn.vue2.js +25 -0
- package/dist/components/base/Avatar.vue.js +7 -0
- package/dist/components/base/Avatar.vue2.js +72 -0
- package/dist/components/base/Badge.vue.js +7 -0
- package/dist/components/base/Badge.vue2.js +70 -0
- package/dist/components/base/ButtonGroup.vue.js +7 -0
- package/dist/components/base/ButtonGroup.vue2.js +40 -0
- package/dist/components/base/ChainItem.vue.js +7 -0
- package/dist/components/base/ChainItem.vue2.js +68 -0
- package/dist/components/base/DescBlock.vue.js +7 -0
- package/dist/components/base/DescBlock.vue2.js +13 -0
- package/dist/components/base/DropdownMenu.vue.js +7 -0
- package/dist/components/base/DropdownMenu.vue2.js +92 -0
- package/dist/components/base/EmptyState.vue.js +7 -0
- package/dist/components/base/EmptyState.vue2.js +38 -0
- package/dist/components/base/InfoCard.vue.js +7 -0
- package/dist/components/base/InfoCard.vue2.js +167 -0
- package/dist/components/base/MonitorItem.vue.js +7 -0
- package/dist/components/base/MonitorItem.vue2.js +56 -0
- package/dist/components/base/PersonaCard.vue.js +7 -0
- package/dist/components/base/PersonaCard.vue2.js +173 -0
- package/dist/components/base/ProgressBar.vue.js +7 -0
- package/dist/components/base/ProgressBar.vue2.js +49 -0
- package/dist/components/base/RangeSlider.vue.js +7 -0
- package/dist/components/base/RangeSlider.vue2.js +35 -0
- package/dist/components/base/RefTag.vue.js +7 -0
- package/dist/components/base/RefTag.vue2.js +52 -0
- package/dist/components/base/SectionBlock.vue.js +7 -0
- package/dist/components/base/SectionBlock.vue2.js +115 -0
- package/dist/components/base/SelectBadge.vue.js +7 -0
- package/dist/components/base/SelectBadge.vue2.js +81 -0
- package/dist/components/base/StatisticCard.vue.js +7 -0
- package/dist/components/base/StatisticCard.vue2.js +57 -0
- package/dist/components/base/StatusIndicator.vue.js +7 -0
- package/dist/components/base/StatusIndicator.vue2.js +54 -0
- package/dist/components/base/StatusSummary.vue.js +7 -0
- package/dist/components/base/StatusSummary.vue2.js +64 -0
- package/dist/components/base/Stepper.vue.js +7 -0
- package/dist/components/base/Stepper.vue2.js +70 -0
- package/dist/components/base/Switch.vue.js +7 -0
- package/dist/components/base/Switch.vue2.js +43 -0
- package/dist/components/base/ToolbarBtn.vue.js +7 -0
- package/dist/components/base/ToolbarBtn.vue2.js +30 -0
- package/dist/components/base/ViewModeGroup.vue.js +7 -0
- package/dist/components/base/ViewModeGroup.vue2.js +32 -0
- package/dist/components/base/ViewSwitcher.vue.js +7 -0
- package/dist/components/base/ViewSwitcher.vue2.js +73 -0
- package/dist/components/base/ViewTab.vue.js +7 -0
- package/dist/components/base/ViewTab.vue2.js +42 -0
- package/dist/components/breadcrumb/Breadcrumb.vue.js +7 -0
- package/dist/components/breadcrumb/Breadcrumb.vue2.js +52 -0
- package/dist/components/breadcrumb/BreadcrumbItem.vue.js +7 -0
- package/dist/components/breadcrumb/BreadcrumbItem.vue2.js +35 -0
- package/dist/components/detail/CommentItem.vue.js +7 -0
- package/dist/components/detail/CommentItem.vue2.js +29 -0
- package/dist/components/detail/DetailLayout.vue.js +7 -0
- package/dist/components/detail/DetailLayout.vue2.js +118 -0
- package/dist/components/detail/PropPanel.vue.js +7 -0
- package/dist/components/detail/PropPanel.vue2.js +51 -0
- package/dist/components/detail/PropRow.vue.js +7 -0
- package/dist/components/detail/PropRow.vue2.js +51 -0
- package/dist/components/editor/BlockQuote.vue.js +7 -0
- package/dist/components/editor/BlockQuote.vue2.js +45 -0
- package/dist/components/editor/CodeBlock.vue.js +7 -0
- package/dist/components/editor/CodeBlock.vue2.js +48 -0
- package/dist/components/editor/ContentBlock.vue.js +7 -0
- package/dist/components/editor/ContentBlock.vue2.js +49 -0
- package/dist/components/editor/RefLink.vue.js +7 -0
- package/dist/components/editor/RefLink.vue2.js +37 -0
- package/dist/components/editor/RichTextEditor.vue.js +7 -0
- package/dist/components/editor/RichTextEditor.vue2.js +132 -0
- package/dist/components/field/FieldCheckbox.vue.js +7 -0
- package/dist/{FieldCheckbox-CV3QtQ4Y.js → components/field/FieldCheckbox.vue2.js} +8 -9
- package/dist/components/field/FieldDate.vue.js +7 -0
- package/dist/{FieldDate-Bljx4jb7.js → components/field/FieldDate.vue2.js} +9 -10
- package/dist/components/field/FieldDatetime.vue.js +7 -0
- package/dist/{FieldDatetime-B52GfWrK.js → components/field/FieldDatetime.vue2.js} +11 -12
- package/dist/components/field/FieldEmail.vue.js +7 -0
- package/dist/{FieldEmail-UREMoue-.js → components/field/FieldEmail.vue2.js} +12 -13
- package/dist/components/field/FieldMultiSelect.vue.js +7 -0
- package/dist/{FieldMultiSelect-Dlay1Fop.js → components/field/FieldMultiSelect.vue2.js} +32 -33
- package/dist/components/field/FieldNumber.vue.js +7 -0
- package/dist/{FieldNumber-BjhfFhs6.js → components/field/FieldNumber.vue2.js} +8 -9
- package/dist/components/field/FieldRating.vue.js +7 -0
- package/dist/components/field/FieldRating.vue2.js +31 -0
- package/dist/components/field/FieldSelect.vue.js +7 -0
- package/dist/{FieldSelect-B39Ad8VH.js → components/field/FieldSelect.vue2.js} +34 -35
- package/dist/components/field/FieldText.vue.js +7 -0
- package/dist/{FieldText-Ry7f72Ug.js → components/field/FieldText.vue2.js} +13 -14
- package/dist/components/field/FieldUrl.vue.js +7 -0
- package/dist/components/field/FieldUrl.vue2.js +33 -0
- package/dist/components/form/FormDesigner.vue.js +7 -0
- package/dist/components/form/FormDesigner.vue2.js +245 -0
- package/dist/components/gallery/GalleryCard.vue.js +7 -0
- package/dist/components/gallery/GalleryCard.vue2.js +87 -0
- package/dist/components/gallery/GalleryView.vue.js +7 -0
- package/dist/components/gallery/GalleryView.vue2.js +48 -0
- package/dist/components/kanban/KanbanBoard.vue.js +7 -0
- package/dist/components/kanban/KanbanBoard.vue2.js +86 -0
- package/dist/components/kanban/KanbanCard.vue.js +7 -0
- package/dist/components/kanban/KanbanCard.vue2.js +56 -0
- package/dist/components/kanban/KanbanColumn.vue.js +7 -0
- package/dist/components/kanban/KanbanColumn.vue2.js +103 -0
- package/dist/components/kanban/QuickAddRow.vue.js +7 -0
- package/dist/components/kanban/QuickAddRow.vue2.js +58 -0
- package/dist/components/layout/AppLayout.vue.js +7 -0
- package/dist/components/layout/AppLayout.vue2.js +98 -0
- package/dist/components/layout/Navbar.vue.js +7 -0
- package/dist/components/layout/Navbar.vue2.js +70 -0
- package/dist/components/layout/Sidebar.vue.js +7 -0
- package/dist/components/layout/Sidebar.vue2.js +88 -0
- package/dist/components/layout/StatusBar.vue.js +7 -0
- package/dist/components/layout/StatusBar.vue2.js +37 -0
- package/dist/components/mermaid/MermaidChart.vue.js +7 -0
- package/dist/components/mermaid/MermaidChart.vue2.js +75 -0
- package/dist/components/overlay/Dialog.vue.js +7 -0
- package/dist/components/overlay/Dialog.vue2.js +89 -0
- package/dist/components/overlay/Drawer.vue.js +7 -0
- package/dist/components/overlay/Drawer.vue2.js +112 -0
- package/dist/components/overlay/Modal.vue.js +7 -0
- package/dist/components/overlay/Modal.vue2.js +115 -0
- package/dist/components/overlay/SidePanel.vue.js +7 -0
- package/dist/components/overlay/SidePanel.vue2.js +137 -0
- package/dist/components/split/SplitPane.vue.js +8 -0
- package/dist/components/split/SplitPane.vue2.js +68 -0
- package/dist/components/table/DataTable.vue.js +7 -0
- package/dist/components/table/DataTable.vue2.js +234 -0
- package/dist/components/table/FieldCell.vue.js +7 -0
- package/dist/components/table/FieldCell.vue2.js +71 -0
- package/dist/components/table/NewRowBtn.vue.js +7 -0
- package/dist/components/table/NewRowBtn.vue2.js +22 -0
- package/dist/components/table/TableColumnManager.vue.js +7 -0
- package/dist/components/table/TableColumnManager.vue2.js +100 -0
- package/dist/components/table/TableDataRow.vue.js +7 -0
- package/dist/components/table/TableDataRow.vue2.js +115 -0
- package/dist/components/table/TableFilterPanel.vue.js +7 -0
- package/dist/components/table/TableFilterPanel.vue2.js +142 -0
- package/dist/components/table/TableGroupRow.vue.js +7 -0
- package/dist/components/table/TableGroupRow.vue2.js +48 -0
- package/dist/components/table/TableHeaderRow.vue.js +7 -0
- package/dist/components/table/TableHeaderRow.vue2.js +69 -0
- package/dist/components/tabs/TabPanel.vue.js +7 -0
- package/dist/components/tabs/TabPanel.vue2.js +26 -0
- package/dist/components/tabs/Tabs.vue.js +7 -0
- package/dist/components/tabs/Tabs.vue2.js +87 -0
- package/dist/components/timeline/ActivityTimeline.vue.js +7 -0
- package/dist/components/timeline/ActivityTimeline.vue2.js +104 -0
- package/dist/components/timeline/GanttRow.vue.js +7 -0
- package/dist/components/timeline/GanttRow.vue2.js +110 -0
- package/dist/components/timeline/GanttTimeline.vue.js +7 -0
- package/dist/components/timeline/GanttTimeline.vue2.js +185 -0
- package/dist/components/toast/ToastContainer.vue.js +34 -0
- package/dist/components/toast/ToastContainer.vue3.js +5 -0
- package/dist/components/toast/ToastItem.vue.js +7 -0
- package/dist/components/toast/ToastItem.vue2.js +78 -0
- package/dist/composables/useAiChat.js +103 -0
- package/dist/composables/useBadge.js +76 -0
- package/dist/composables/useBreakpoint.js +16 -0
- package/dist/composables/useInlineEdit.js +28 -0
- package/dist/composables/useMarkdown.js +69 -0
- package/dist/composables/useStream.js +80 -0
- package/dist/composables/useTable.js +115 -0
- package/dist/composables/useTableColumns.js +24 -0
- package/dist/composables/useTableData.js +16 -0
- package/dist/composables/useTableFilter.js +97 -0
- package/dist/composables/useTableGroup.js +46 -0
- package/dist/composables/useToast.js +38 -0
- package/dist/composables/useTypewriter.js +56 -0
- package/dist/composables/useVirtualList.js +117 -0
- package/dist/constants/table.js +11 -0
- package/dist/index.js +301 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/core.js +5 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/bash.js +377 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/css.js +923 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/go.js +151 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/java.js +240 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/javascript.js +658 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/json.js +38 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/markdown.js +216 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/plaintext.js +13 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/python.js +399 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/rust.js +305 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/sql.js +615 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/typescript.js +753 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/xml.js +219 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/languages/yaml.js +183 -0
- package/dist/node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/lib/core.js +1063 -0
- package/dist/style.css +1 -1
- package/dist/types/index.js +77 -0
- package/dist/utils/icon.js +15 -0
- package/package.json +13 -6
- package/dist/FieldRating-BKHUu-A1.js +0 -32
- package/dist/FieldUrl-bv0EB9sh.js +0 -34
- package/dist/index-DQph5iTq.js +0 -12936
- package/dist/oneflow-ui.js +0 -111
- package/dist/oneflow-ui.umd.cjs +0 -13
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
const x = /* @__PURE__ */ f({
|
|
1
|
+
import { defineComponent as c, ref as a, onMounted as m, nextTick as s, withDirectives as v, openBlock as d, createElementBlock as y, vModelText as k } from "vue";
|
|
2
|
+
const D = /* @__PURE__ */ c({
|
|
4
3
|
__name: "FieldDate",
|
|
5
4
|
props: {
|
|
6
5
|
value: { type: [String, Number, Boolean, Array, null] },
|
|
@@ -8,7 +7,7 @@ const x = /* @__PURE__ */ f({
|
|
|
8
7
|
},
|
|
9
8
|
emits: ["commit", "cancel", "tabNext"],
|
|
10
9
|
setup(i, { emit: r }) {
|
|
11
|
-
const
|
|
10
|
+
const f = i, t = r, o = a(null), n = a(String(f.value ?? ""));
|
|
12
11
|
m(() => s(() => {
|
|
13
12
|
var e;
|
|
14
13
|
return (e = o.value) == null ? void 0 : e.focus();
|
|
@@ -16,19 +15,19 @@ const x = /* @__PURE__ */ f({
|
|
|
16
15
|
function p(e) {
|
|
17
16
|
e.key === "Enter" && (e.preventDefault(), t("commit", n.value || null)), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("commit", n.value || null), t("tabNext"));
|
|
18
17
|
}
|
|
19
|
-
return (e, l) =>
|
|
18
|
+
return (e, l) => v((d(), y("input", {
|
|
20
19
|
ref_key: "inputRef",
|
|
21
20
|
ref: o,
|
|
22
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
21
|
+
"onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
|
|
23
22
|
class: "of-field-input",
|
|
24
23
|
type: "date",
|
|
25
24
|
onKeydown: p,
|
|
26
|
-
onBlur: l[1] || (l[1] = (
|
|
25
|
+
onBlur: l[1] || (l[1] = (u) => t("commit", n.value || null))
|
|
27
26
|
}, null, 544)), [
|
|
28
|
-
[
|
|
27
|
+
[k, n.value]
|
|
29
28
|
]);
|
|
30
29
|
}
|
|
31
|
-
})
|
|
30
|
+
});
|
|
32
31
|
export {
|
|
33
|
-
|
|
32
|
+
D as default
|
|
34
33
|
};
|
|
@@ -1,34 +1,33 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
const x = /* @__PURE__ */ p({
|
|
1
|
+
import { defineComponent as f, ref as i, onMounted as p, nextTick as s, withDirectives as v, openBlock as d, createElementBlock as y, vModelText as k } from "vue";
|
|
2
|
+
const D = /* @__PURE__ */ f({
|
|
4
3
|
__name: "FieldDatetime",
|
|
5
4
|
props: {
|
|
6
5
|
value: { type: [String, Number, Boolean, Array, null] },
|
|
7
6
|
field: {}
|
|
8
7
|
},
|
|
9
8
|
emits: ["commit", "cancel", "tabNext"],
|
|
10
|
-
setup(
|
|
11
|
-
const m =
|
|
12
|
-
|
|
9
|
+
setup(a, { emit: r }) {
|
|
10
|
+
const m = a, t = r, o = i(null), n = i(String(m.value ?? ""));
|
|
11
|
+
p(() => s(() => {
|
|
13
12
|
var e;
|
|
14
13
|
return (e = o.value) == null ? void 0 : e.focus();
|
|
15
14
|
}));
|
|
16
15
|
function c(e) {
|
|
17
16
|
e.key === "Enter" && (e.preventDefault(), t("commit", n.value || null)), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("commit", n.value || null), t("tabNext"));
|
|
18
17
|
}
|
|
19
|
-
return (e, l) =>
|
|
18
|
+
return (e, l) => v((d(), y("input", {
|
|
20
19
|
ref_key: "inputRef",
|
|
21
20
|
ref: o,
|
|
22
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
21
|
+
"onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
|
|
23
22
|
class: "of-field-input",
|
|
24
23
|
type: "datetime-local",
|
|
25
24
|
onKeydown: c,
|
|
26
|
-
onBlur: l[1] || (l[1] = (
|
|
25
|
+
onBlur: l[1] || (l[1] = (u) => t("commit", n.value || null))
|
|
27
26
|
}, null, 544)), [
|
|
28
|
-
[
|
|
27
|
+
[k, n.value]
|
|
29
28
|
]);
|
|
30
29
|
}
|
|
31
|
-
})
|
|
30
|
+
});
|
|
32
31
|
export {
|
|
33
|
-
|
|
32
|
+
D as default
|
|
34
33
|
};
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
const x = /* @__PURE__ */ c({
|
|
1
|
+
import { defineComponent as p, ref as u, onMounted as c, nextTick as s, withDirectives as v, openBlock as d, createElementBlock as y, vModelText as k } from "vue";
|
|
2
|
+
const b = /* @__PURE__ */ p({
|
|
4
3
|
__name: "FieldEmail",
|
|
5
4
|
props: {
|
|
6
5
|
value: { type: [String, Number, Boolean, Array, null] },
|
|
7
6
|
field: {}
|
|
8
7
|
},
|
|
9
8
|
emits: ["commit", "cancel", "tabNext"],
|
|
10
|
-
setup(
|
|
11
|
-
const m =
|
|
12
|
-
|
|
9
|
+
setup(a, { emit: r }) {
|
|
10
|
+
const m = a, t = r, o = u(null), n = u(String(m.value ?? ""));
|
|
11
|
+
c(() => s(() => {
|
|
13
12
|
var e;
|
|
14
13
|
return (e = o.value) == null ? void 0 : e.focus();
|
|
15
14
|
}));
|
|
16
|
-
function
|
|
15
|
+
function f(e) {
|
|
17
16
|
e.key === "Enter" && (e.preventDefault(), t("commit", n.value)), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("commit", n.value), t("tabNext"));
|
|
18
17
|
}
|
|
19
18
|
return (e, l) => v((d(), y("input", {
|
|
@@ -21,14 +20,14 @@ const x = /* @__PURE__ */ c({
|
|
|
21
20
|
ref: o,
|
|
22
21
|
class: "of-field-input",
|
|
23
22
|
type: "email",
|
|
24
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
25
|
-
onKeydown:
|
|
26
|
-
onBlur: l[1] || (l[1] = (
|
|
23
|
+
"onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
|
|
24
|
+
onKeydown: f,
|
|
25
|
+
onBlur: l[1] || (l[1] = (i) => t("commit", n.value))
|
|
27
26
|
}, null, 544)), [
|
|
28
|
-
[
|
|
27
|
+
[k, n.value]
|
|
29
28
|
]);
|
|
30
29
|
}
|
|
31
|
-
})
|
|
30
|
+
});
|
|
32
31
|
export {
|
|
33
|
-
|
|
32
|
+
b as default
|
|
34
33
|
};
|
|
@@ -1,29 +1,28 @@
|
|
|
1
|
-
import { defineComponent as $, ref as
|
|
2
|
-
|
|
3
|
-
const W = {
|
|
1
|
+
import { defineComponent as $, ref as a, computed as M, onMounted as z, nextTick as O, onBeforeUnmount as T, watch as F, openBlock as l, createElementBlock as i, Fragment as A, renderList as L, normalizeStyle as w, toDisplayString as k, createBlock as P, Teleport as U, withModifiers as m, normalizeClass as V, createElementVNode as p, createCommentVNode as I } from "vue";
|
|
2
|
+
const K = {
|
|
4
3
|
key: 0,
|
|
5
4
|
class: "of-field-multiselect__chips"
|
|
6
|
-
},
|
|
5
|
+
}, W = {
|
|
7
6
|
key: 1,
|
|
8
7
|
class: "of-field-multiselect__placeholder"
|
|
9
|
-
},
|
|
8
|
+
}, j = ["onMouseenter", "onClick"], q = ["checked"], G = { key: 1 }, H = { class: "of-field-multiselect__actions" }, Q = /* @__PURE__ */ $({
|
|
10
9
|
__name: "FieldMultiSelect",
|
|
11
10
|
props: {
|
|
12
11
|
value: { type: [String, Number, Boolean, Array, null] },
|
|
13
12
|
field: {}
|
|
14
13
|
},
|
|
15
14
|
emits: ["commit", "cancel", "tabNext"],
|
|
16
|
-
setup(
|
|
17
|
-
const d =
|
|
15
|
+
setup(B, { emit: S }) {
|
|
16
|
+
const d = B, _ = S, u = a(null), b = a(null), h = a({ top: "0px", left: "0px", width: "0px" }), f = a(!0), v = M(() => d.field.options ?? []), o = a([]), r = a(0), x = M(() => {
|
|
18
17
|
const e = new Set(o.value);
|
|
19
18
|
return v.value.filter((n) => e.has(n.value));
|
|
20
19
|
});
|
|
21
20
|
function g() {
|
|
22
21
|
o.value = Array.isArray(d.value) ? d.value.filter((e) => typeof e == "string") : [];
|
|
23
22
|
}
|
|
24
|
-
function
|
|
25
|
-
if (!
|
|
26
|
-
const e =
|
|
23
|
+
function s() {
|
|
24
|
+
if (!u.value) return;
|
|
25
|
+
const e = u.value.getBoundingClientRect();
|
|
27
26
|
h.value = {
|
|
28
27
|
top: `${e.bottom}px`,
|
|
29
28
|
left: `${e.left}px`,
|
|
@@ -45,16 +44,16 @@ const W = {
|
|
|
45
44
|
}
|
|
46
45
|
function N(e) {
|
|
47
46
|
if (e.key === "ArrowDown") {
|
|
48
|
-
e.preventDefault(),
|
|
47
|
+
e.preventDefault(), r.value = Math.min(r.value + 1, Math.max(v.value.length - 1, 0));
|
|
49
48
|
return;
|
|
50
49
|
}
|
|
51
50
|
if (e.key === "ArrowUp") {
|
|
52
|
-
e.preventDefault(),
|
|
51
|
+
e.preventDefault(), r.value = Math.max(r.value - 1, 0);
|
|
53
52
|
return;
|
|
54
53
|
}
|
|
55
54
|
if (e.key === " " || e.key === "Enter") {
|
|
56
55
|
e.preventDefault();
|
|
57
|
-
const n = v.value[
|
|
56
|
+
const n = v.value[r.value];
|
|
58
57
|
n && C(n.value);
|
|
59
58
|
return;
|
|
60
59
|
}
|
|
@@ -67,35 +66,35 @@ const W = {
|
|
|
67
66
|
function E(e) {
|
|
68
67
|
var t, c;
|
|
69
68
|
const n = e.target;
|
|
70
|
-
n && ((t =
|
|
69
|
+
n && ((t = u.value) != null && t.contains(n) || (c = b.value) != null && c.contains(n) || y());
|
|
71
70
|
}
|
|
72
71
|
return z(() => {
|
|
73
|
-
g(),
|
|
72
|
+
g(), O(() => {
|
|
74
73
|
var e;
|
|
75
|
-
|
|
76
|
-
}), window.addEventListener("resize",
|
|
77
|
-
}),
|
|
78
|
-
window.removeEventListener("resize",
|
|
79
|
-
}),
|
|
74
|
+
s(), (e = u.value) == null || e.focus();
|
|
75
|
+
}), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0), window.addEventListener("mousedown", E, !0);
|
|
76
|
+
}), T(() => {
|
|
77
|
+
window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0), window.removeEventListener("mousedown", E, !0);
|
|
78
|
+
}), F(
|
|
80
79
|
() => d.value,
|
|
81
80
|
() => {
|
|
82
81
|
g();
|
|
83
82
|
}
|
|
84
83
|
), (e, n) => (l(), i("div", {
|
|
85
84
|
ref_key: "triggerRef",
|
|
86
|
-
ref:
|
|
85
|
+
ref: u,
|
|
87
86
|
class: "of-field-multiselect",
|
|
88
87
|
tabindex: "0",
|
|
89
88
|
onKeydown: N
|
|
90
89
|
}, [
|
|
91
|
-
x.value.length ? (l(), i("div",
|
|
90
|
+
x.value.length ? (l(), i("div", K, [
|
|
92
91
|
(l(!0), i(A, null, L(x.value, (t) => (l(), i("span", {
|
|
93
92
|
key: t.value,
|
|
94
93
|
class: "of-field-multiselect__badge",
|
|
95
94
|
style: w(t.color ? { background: t.color } : void 0)
|
|
96
95
|
}, k(t.label), 5))), 128))
|
|
97
|
-
])) : (l(), i("span",
|
|
98
|
-
(l(),
|
|
96
|
+
])) : (l(), i("span", W, "—")),
|
|
97
|
+
(l(), P(U, { to: "body" }, [
|
|
99
98
|
f.value ? (l(), i("div", {
|
|
100
99
|
key: 0,
|
|
101
100
|
ref_key: "dropdownRef",
|
|
@@ -105,8 +104,8 @@ const W = {
|
|
|
105
104
|
}, [
|
|
106
105
|
(l(!0), i(A, null, L(v.value, (t, c) => (l(), i("div", {
|
|
107
106
|
key: t.value,
|
|
108
|
-
class:
|
|
109
|
-
onMouseenter: (R) =>
|
|
107
|
+
class: V(["of-field-multiselect__option", { active: c === r.value, selected: o.value.includes(t.value) }]),
|
|
108
|
+
onMouseenter: (R) => r.value = c,
|
|
110
109
|
onClick: m((R) => C(t.value), ["stop"])
|
|
111
110
|
}, [
|
|
112
111
|
p("input", {
|
|
@@ -116,14 +115,14 @@ const W = {
|
|
|
116
115
|
checked: o.value.includes(t.value),
|
|
117
116
|
onChange: n[0] || (n[0] = m(() => {
|
|
118
117
|
}, ["prevent"]))
|
|
119
|
-
}, null, 40,
|
|
118
|
+
}, null, 40, q),
|
|
120
119
|
t.color ? (l(), i("span", {
|
|
121
120
|
key: 0,
|
|
122
121
|
class: "of-field-multiselect__badge",
|
|
123
122
|
style: w({ background: t.color })
|
|
124
|
-
}, k(t.label), 5)) : (l(), i("span",
|
|
125
|
-
], 42,
|
|
126
|
-
p("div",
|
|
123
|
+
}, k(t.label), 5)) : (l(), i("span", G, k(t.label), 1))
|
|
124
|
+
], 42, j))), 128)),
|
|
125
|
+
p("div", H, [
|
|
127
126
|
p("button", {
|
|
128
127
|
class: "of-field-multiselect__btn",
|
|
129
128
|
type: "button",
|
|
@@ -135,11 +134,11 @@ const W = {
|
|
|
135
134
|
onClick: m(y, ["stop"])
|
|
136
135
|
}, " 完成 ")
|
|
137
136
|
])
|
|
138
|
-
], 4)) :
|
|
137
|
+
], 4)) : I("", !0)
|
|
139
138
|
]))
|
|
140
139
|
], 544));
|
|
141
140
|
}
|
|
142
|
-
})
|
|
141
|
+
});
|
|
143
142
|
export {
|
|
144
|
-
|
|
143
|
+
Q as default
|
|
145
144
|
};
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
const x = /* @__PURE__ */ p({
|
|
1
|
+
import { defineComponent as s, ref as f, onMounted as v, nextTick as d, withDirectives as N, openBlock as b, createElementBlock as y, vModelText as k } from "vue";
|
|
2
|
+
const x = /* @__PURE__ */ s({
|
|
4
3
|
__name: "FieldNumber",
|
|
5
4
|
props: {
|
|
6
5
|
value: { type: [String, Number, Boolean, Array, null] },
|
|
7
6
|
field: {}
|
|
8
7
|
},
|
|
9
8
|
emits: ["commit", "cancel", "tabNext"],
|
|
10
|
-
setup(
|
|
11
|
-
const o =
|
|
9
|
+
setup(m, { emit: c }) {
|
|
10
|
+
const o = m, u = c, a = f(null), t = f(o.value === null || o.value === void 0 ? "" : String(o.value));
|
|
12
11
|
v(() => d(() => {
|
|
13
12
|
var e;
|
|
14
13
|
return (e = a.value) == null ? void 0 : e.focus();
|
|
@@ -22,7 +21,7 @@ const x = /* @__PURE__ */ p({
|
|
|
22
21
|
const n = t.value === "" ? 0 : Number(t.value), l = Number.isNaN(n) ? 0 : n;
|
|
23
22
|
t.value = String(l + e);
|
|
24
23
|
}
|
|
25
|
-
function
|
|
24
|
+
function p(e) {
|
|
26
25
|
e.key === "ArrowUp" && (e.preventDefault(), i(1)), e.key === "ArrowDown" && (e.preventDefault(), i(-1)), e.key === "Enter" && (e.preventDefault(), u("commit", r())), e.key === "Escape" && (e.preventDefault(), u("cancel")), e.key === "Tab" && (e.preventDefault(), u("commit", r()), u("tabNext"));
|
|
27
26
|
}
|
|
28
27
|
return (e, n) => N((b(), y("input", {
|
|
@@ -31,13 +30,13 @@ const x = /* @__PURE__ */ p({
|
|
|
31
30
|
class: "of-field-input",
|
|
32
31
|
type: "number",
|
|
33
32
|
"onUpdate:modelValue": n[0] || (n[0] = (l) => t.value = l),
|
|
34
|
-
onKeydown:
|
|
33
|
+
onKeydown: p,
|
|
35
34
|
onBlur: n[1] || (n[1] = (l) => u("commit", r()))
|
|
36
35
|
}, null, 544)), [
|
|
37
36
|
[k, t.value]
|
|
38
37
|
]);
|
|
39
38
|
}
|
|
40
|
-
})
|
|
39
|
+
});
|
|
41
40
|
export {
|
|
42
|
-
|
|
41
|
+
x as default
|
|
43
42
|
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { defineComponent as v, ref as x, openBlock as o, createElementBlock as r, withKeys as _, Fragment as g, renderList as k, unref as u, withModifiers as y, normalizeClass as b } from "vue";
|
|
2
|
+
const C = ["onMouseenter", "onClick"], $ = /* @__PURE__ */ v({
|
|
3
|
+
__name: "FieldRating",
|
|
4
|
+
props: {
|
|
5
|
+
value: { type: [String, Number, Boolean, Array, null] },
|
|
6
|
+
field: {}
|
|
7
|
+
},
|
|
8
|
+
emits: ["commit", "cancel", "tabNext"],
|
|
9
|
+
setup(c, { emit: m }) {
|
|
10
|
+
const l = c, s = m, n = x(0), d = l.field.max ?? 5, f = Number(l.value ?? 0);
|
|
11
|
+
function p(i) {
|
|
12
|
+
s("commit", i);
|
|
13
|
+
}
|
|
14
|
+
return (i, t) => (o(), r("div", {
|
|
15
|
+
class: "of-field-rating",
|
|
16
|
+
onKeydown: t[1] || (t[1] = _((e) => s("cancel"), ["escape"])),
|
|
17
|
+
tabindex: "0"
|
|
18
|
+
}, [
|
|
19
|
+
(o(!0), r(g, null, k(u(d), (e) => (o(), r("span", {
|
|
20
|
+
key: e,
|
|
21
|
+
class: b(["of-field-rating__star", { filled: e <= (n.value || u(f)) }]),
|
|
22
|
+
onMouseenter: (a) => n.value = e,
|
|
23
|
+
onMouseleave: t[0] || (t[0] = (a) => n.value = 0),
|
|
24
|
+
onClick: y((a) => p(e), ["stop"])
|
|
25
|
+
}, "★", 42, C))), 128))
|
|
26
|
+
], 32));
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
export {
|
|
30
|
+
$ as default
|
|
31
|
+
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
const W = {
|
|
1
|
+
import { defineComponent as R, ref as f, computed as x, onMounted as S, nextTick as V, onBeforeUnmount as z, watch as A, openBlock as l, createElementBlock as a, normalizeStyle as b, toDisplayString as y, createBlock as I, Teleport as T, createElementVNode as F, withModifiers as C, normalizeClass as L, Fragment as O, renderList as P, createCommentVNode as U } from "vue";
|
|
2
|
+
const K = {
|
|
4
3
|
key: 1,
|
|
5
4
|
class: "of-field-select__display"
|
|
6
|
-
},
|
|
5
|
+
}, W = ["onMouseenter", "onClick"], j = { key: 1 }, G = /* @__PURE__ */ R({
|
|
7
6
|
__name: "FieldSelect",
|
|
8
7
|
props: {
|
|
9
8
|
value: { type: [String, Number, Boolean, Array, null] },
|
|
@@ -11,13 +10,13 @@ const W = {
|
|
|
11
10
|
},
|
|
12
11
|
emits: ["commit", "cancel", "tabNext"],
|
|
13
12
|
setup(M, { emit: B }) {
|
|
14
|
-
const
|
|
15
|
-
const e = typeof
|
|
13
|
+
const i = M, _ = B, s = f(null), h = f(null), E = f({ top: "0px", left: "0px", width: "0px" }), p = f(!0), r = x(() => i.field.options ?? []), c = x(() => {
|
|
14
|
+
const e = typeof i.value == "string" ? i.value : null;
|
|
16
15
|
return r.value.findIndex((t) => t.value === e);
|
|
17
16
|
}), n = f(0);
|
|
18
|
-
function
|
|
19
|
-
if (!
|
|
20
|
-
const e =
|
|
17
|
+
function v() {
|
|
18
|
+
if (!s.value) return;
|
|
19
|
+
const e = s.value.getBoundingClientRect();
|
|
21
20
|
E.value = {
|
|
22
21
|
top: `${e.bottom}px`,
|
|
23
22
|
left: `${e.left}px`,
|
|
@@ -25,12 +24,12 @@ const W = {
|
|
|
25
24
|
};
|
|
26
25
|
}
|
|
27
26
|
function m(e) {
|
|
28
|
-
p.value = !1,
|
|
27
|
+
p.value = !1, _("commit", e);
|
|
29
28
|
}
|
|
30
29
|
function k() {
|
|
31
|
-
p.value && (p.value = !1,
|
|
30
|
+
p.value && (p.value = !1, _("cancel"));
|
|
32
31
|
}
|
|
33
|
-
function
|
|
32
|
+
function $(e) {
|
|
34
33
|
var t, o;
|
|
35
34
|
if (!r.value.length) {
|
|
36
35
|
e.key === "Escape" && (e.preventDefault(), k());
|
|
@@ -52,42 +51,42 @@ const W = {
|
|
|
52
51
|
e.preventDefault(), k();
|
|
53
52
|
return;
|
|
54
53
|
}
|
|
55
|
-
e.key === "Tab" && (e.preventDefault(), m(((o = r.value[n.value]) == null ? void 0 : o.value) ?? null),
|
|
54
|
+
e.key === "Tab" && (e.preventDefault(), m(((o = r.value[n.value]) == null ? void 0 : o.value) ?? null), _("tabNext"));
|
|
56
55
|
}
|
|
57
56
|
function D(e) {
|
|
58
|
-
var o,
|
|
57
|
+
var o, d;
|
|
59
58
|
const t = e.target;
|
|
60
|
-
t && ((o =
|
|
59
|
+
t && ((o = s.value) != null && o.contains(t) || (d = h.value) != null && d.contains(t) || k());
|
|
61
60
|
}
|
|
62
|
-
|
|
61
|
+
S(() => {
|
|
63
62
|
n.value = c.value >= 0 ? c.value : 0, V(() => {
|
|
64
63
|
var e;
|
|
65
|
-
|
|
66
|
-
}), window.addEventListener("resize",
|
|
64
|
+
v(), (e = s.value) == null || e.focus();
|
|
65
|
+
}), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), window.addEventListener("mousedown", D, !0);
|
|
67
66
|
}), z(() => {
|
|
68
|
-
window.removeEventListener("resize",
|
|
67
|
+
window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0), window.removeEventListener("mousedown", D, !0);
|
|
69
68
|
}), A(c, (e) => {
|
|
70
69
|
e >= 0 && (n.value = e);
|
|
71
70
|
});
|
|
72
|
-
const
|
|
73
|
-
const e = typeof
|
|
71
|
+
const w = x(() => {
|
|
72
|
+
const e = typeof i.value == "string" ? i.value : null;
|
|
74
73
|
return r.value.find((t) => t.value === e);
|
|
75
74
|
});
|
|
76
75
|
return (e, t) => {
|
|
77
|
-
var o,
|
|
76
|
+
var o, d;
|
|
78
77
|
return l(), a("div", {
|
|
79
78
|
ref_key: "triggerRef",
|
|
80
|
-
ref:
|
|
79
|
+
ref: s,
|
|
81
80
|
class: "of-field-select",
|
|
82
81
|
tabindex: "0",
|
|
83
|
-
onKeydown:
|
|
82
|
+
onKeydown: $
|
|
84
83
|
}, [
|
|
85
|
-
(o =
|
|
84
|
+
(o = w.value) != null && o.color ? (l(), a("span", {
|
|
86
85
|
key: 0,
|
|
87
86
|
class: "of-field-select__badge",
|
|
88
|
-
style: b({ background:
|
|
89
|
-
}, w
|
|
90
|
-
(l(), I(
|
|
87
|
+
style: b({ background: w.value.color })
|
|
88
|
+
}, y(w.value.label), 5)) : (l(), a("span", K, y(((d = w.value) == null ? void 0 : d.label) ?? "—"), 1)),
|
|
89
|
+
(l(), I(T, { to: "body" }, [
|
|
91
90
|
p.value ? (l(), a("div", {
|
|
92
91
|
key: 0,
|
|
93
92
|
ref_key: "dropdownRef",
|
|
@@ -95,28 +94,28 @@ const W = {
|
|
|
95
94
|
class: "of-field-select__dropdown",
|
|
96
95
|
style: b(E.value)
|
|
97
96
|
}, [
|
|
98
|
-
|
|
97
|
+
F("div", {
|
|
99
98
|
class: L(["of-field-select__option of-field-select__option--clear", { active: n.value === -1, selected: c.value === -1 }]),
|
|
100
99
|
onClick: t[0] || (t[0] = C((u) => m(null), ["stop"]))
|
|
101
100
|
}, " — ", 2),
|
|
102
101
|
(l(!0), a(O, null, P(r.value, (u, g) => (l(), a("div", {
|
|
103
102
|
key: u.value,
|
|
104
103
|
class: L(["of-field-select__option", { active: g === n.value, selected: g === c.value }]),
|
|
105
|
-
onMouseenter: (
|
|
106
|
-
onClick: C((
|
|
104
|
+
onMouseenter: (N) => n.value = g,
|
|
105
|
+
onClick: C((N) => m(u.value), ["stop"])
|
|
107
106
|
}, [
|
|
108
107
|
u.color ? (l(), a("span", {
|
|
109
108
|
key: 0,
|
|
110
109
|
class: "of-field-select__badge",
|
|
111
110
|
style: b({ background: u.color })
|
|
112
|
-
},
|
|
113
|
-
], 42,
|
|
111
|
+
}, y(u.label), 5)) : (l(), a("span", j, y(u.label), 1))
|
|
112
|
+
], 42, W))), 128))
|
|
114
113
|
], 4)) : U("", !0)
|
|
115
114
|
]))
|
|
116
115
|
], 544);
|
|
117
116
|
};
|
|
118
117
|
}
|
|
119
|
-
})
|
|
118
|
+
});
|
|
120
119
|
export {
|
|
121
|
-
|
|
120
|
+
G as default
|
|
122
121
|
};
|
|
@@ -1,34 +1,33 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
const k = /* @__PURE__ */ f({
|
|
1
|
+
import { defineComponent as c, ref as i, onMounted as m, nextTick as s, withDirectives as v, openBlock as d, createElementBlock as x, vModelText as y } from "vue";
|
|
2
|
+
const b = /* @__PURE__ */ c({
|
|
4
3
|
__name: "FieldText",
|
|
5
4
|
props: {
|
|
6
5
|
value: { type: [String, Number, Boolean, Array, null] },
|
|
7
6
|
field: {}
|
|
8
7
|
},
|
|
9
8
|
emits: ["commit", "cancel", "tabNext"],
|
|
10
|
-
setup(
|
|
11
|
-
const
|
|
9
|
+
setup(a, { emit: r }) {
|
|
10
|
+
const f = a, t = r, o = i(null), n = i(String(f.value ?? ""));
|
|
12
11
|
m(() => s(() => {
|
|
13
12
|
var e;
|
|
14
|
-
return (e =
|
|
13
|
+
return (e = o.value) == null ? void 0 : e.focus();
|
|
15
14
|
}));
|
|
16
|
-
function
|
|
15
|
+
function p(e) {
|
|
17
16
|
e.key === "Enter" && (e.preventDefault(), t("commit", n.value)), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("commit", n.value), t("tabNext"));
|
|
18
17
|
}
|
|
19
|
-
return (e,
|
|
18
|
+
return (e, l) => v((d(), x("input", {
|
|
20
19
|
ref_key: "inputRef",
|
|
21
|
-
ref:
|
|
20
|
+
ref: o,
|
|
22
21
|
class: "of-field-input",
|
|
23
22
|
type: "text",
|
|
24
|
-
"onUpdate:modelValue":
|
|
25
|
-
onKeydown:
|
|
26
|
-
onBlur:
|
|
23
|
+
"onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
|
|
24
|
+
onKeydown: p,
|
|
25
|
+
onBlur: l[1] || (l[1] = (u) => t("commit", n.value))
|
|
27
26
|
}, null, 544)), [
|
|
28
27
|
[y, n.value]
|
|
29
28
|
]);
|
|
30
29
|
}
|
|
31
|
-
})
|
|
30
|
+
});
|
|
32
31
|
export {
|
|
33
|
-
|
|
32
|
+
b as default
|
|
34
33
|
};
|