@oneflowui/ui 0.5.6 → 0.5.8
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 +11 -0
- package/dist/components/ContextMenu/index.vue.js +2 -2
- package/dist/components/Dashboard/charts/BarChart.vue.js +2 -2
- package/dist/components/Dashboard/charts/PieChart.vue.js +2 -2
- package/dist/components/Dashboard/index.vue.d.ts +3 -2
- package/dist/components/Dashboard/index.vue.js +2 -2
- package/dist/components/ai/AiSender.vue.js +2 -2
- package/dist/components/ai/AiSender.vue2.js +8 -7
- package/dist/components/auxiliary/ColorPanel.vue.js +2 -2
- package/dist/components/auxiliary/ColorPanel.vue2.js +25 -23
- package/dist/components/auxiliary/FileUpload.vue.js +2 -2
- package/dist/components/auxiliary/FileUpload.vue2.js +1 -0
- package/dist/components/auxiliary/PersonPanel.vue.js +1 -1
- package/dist/components/auxiliary/PersonPanel.vue2.js +2 -1
- package/dist/components/base/Accordion.vue.js +1 -1
- package/dist/components/base/Avatar.vue.d.ts +3 -0
- package/dist/components/base/Avatar.vue.js +4 -4
- package/dist/components/base/Avatar.vue2.js +8 -8
- package/dist/components/base/Badge.vue.d.ts +2 -0
- package/dist/components/base/Badge.vue.js +2 -2
- package/dist/components/base/Badge.vue2.js +2 -2
- package/dist/components/base/ButtonGroup.vue.js +2 -2
- package/dist/components/base/ButtonGroup.vue2.js +2 -2
- package/dist/components/base/ChainItem.vue.d.ts +6 -0
- package/dist/components/base/ChainItem.vue.js +2 -2
- package/dist/components/base/ChainItem.vue2.js +17 -17
- package/dist/components/base/DropdownMenu.vue.js +2 -2
- package/dist/components/base/DropdownMenu.vue2.js +22 -20
- package/dist/components/base/EmptyState.vue.js +2 -2
- package/dist/components/base/EmptyState.vue2.js +2 -2
- package/dist/components/base/InfoCard.vue.d.ts +9 -0
- package/dist/components/base/InfoCard.vue.js +2 -2
- package/dist/components/base/InfoCard.vue2.js +65 -57
- package/dist/components/base/MonitorItem.vue.js +2 -2
- package/dist/components/base/MonitorItem.vue2.js +33 -25
- package/dist/components/base/PersonaCard.vue.d.ts +5 -0
- package/dist/components/base/PersonaCard.vue.js +3 -3
- package/dist/components/base/PersonaCard.vue2.js +56 -50
- package/dist/components/base/ProgressBar.vue.d.ts +1 -0
- package/dist/components/base/ProgressBar.vue.js +2 -2
- package/dist/components/base/ProgressBar.vue2.js +10 -10
- package/dist/components/base/RangeSlider.vue.d.ts +15 -0
- package/dist/components/base/RangeSlider.vue.js +1 -1
- package/dist/components/base/RangeSlider.vue2.js +22 -15
- package/dist/components/base/RefTag.vue.d.ts +4 -0
- package/dist/components/base/RefTag.vue.js +3 -3
- package/dist/components/base/RefTag.vue2.js +14 -14
- package/dist/components/base/SearchHighlight.vue.js +1 -1
- package/dist/components/base/SectionBlock.vue.js +2 -2
- package/dist/components/base/SectionBlock.vue2.js +54 -48
- package/dist/components/base/SelectBadge.vue.d.ts +5 -0
- package/dist/components/base/SelectBadge.vue.js +3 -3
- package/dist/components/base/SelectBadge.vue2.js +36 -28
- package/dist/components/base/StatisticCard.vue.js +1 -1
- package/dist/components/base/StatusIndicator.vue.js +2 -2
- package/dist/components/base/StatusIndicator.vue2.js +2 -2
- package/dist/components/base/StatusSummary.vue.js +2 -2
- package/dist/components/base/Stepper.vue.js +2 -2
- package/dist/components/base/Switch.vue.js +2 -2
- package/dist/components/base/ToolbarBtn.vue.js +2 -2
- package/dist/components/base/ViewModeGroup.vue.js +1 -1
- package/dist/components/base/ViewModeGroup.vue2.js +3 -3
- package/dist/components/base/ViewSwitcher.vue.js +1 -1
- package/dist/components/base/ViewSwitcher.vue2.js +3 -3
- package/dist/components/base/ViewTab.vue.js +1 -1
- package/dist/components/base/ViewTab.vue2.js +5 -6
- package/dist/components/breadcrumb/Breadcrumb.vue.js +2 -2
- package/dist/components/breadcrumb/BreadcrumbItem.vue.js +2 -2
- package/dist/components/database/DatabaseView.vue.d.ts +6 -1
- package/dist/components/database/DatabaseView.vue.js +2 -2
- package/dist/components/database/DatabaseView.vue2.js +438 -293
- package/dist/components/detail/PropPanel.vue.js +2 -2
- package/dist/components/detail/PropPanel.vue2.js +34 -30
- package/dist/components/detail/PropRow.vue.d.ts +6 -0
- package/dist/components/detail/PropRow.vue.js +2 -2
- package/dist/components/detail/PropRow.vue2.js +24 -24
- package/dist/components/editor/BlockQuote.vue.d.ts +2 -1
- package/dist/components/editor/BlockQuote.vue.js +1 -1
- package/dist/components/editor/BlockQuote.vue2.js +43 -29
- package/dist/components/editor/ContentBlock.vue.d.ts +4 -2
- package/dist/components/editor/ContentBlock.vue.js +2 -2
- package/dist/components/editor/ContentBlock.vue2.js +54 -33
- package/dist/components/editor/RichTextEditor.vue.js +2 -2
- package/dist/components/editor/RichTextEditor.vue2.js +10 -14
- package/dist/components/field/FieldAttachment.vue.js +2 -2
- package/dist/components/field/FieldAttachment.vue2.js +30 -32
- package/dist/components/field/FieldAutoNumber.vue.js +2 -2
- package/dist/components/field/FieldCheckbox.vue.js +2 -2
- package/dist/components/field/FieldCheckbox.vue2.js +13 -11
- package/dist/components/field/FieldCreator.vue.js +2 -2
- package/dist/components/field/FieldCurrency.vue.js +2 -2
- package/dist/components/field/FieldCurrency.vue2.js +15 -14
- package/dist/components/field/FieldDate.vue.js +1 -1
- package/dist/components/field/FieldDate.vue2.js +14 -16
- package/dist/components/field/FieldDatetime.vue.js +1 -1
- package/dist/components/field/FieldDatetime.vue2.js +12 -11
- package/dist/components/field/FieldEmail.vue.js +2 -2
- package/dist/components/field/FieldEmail.vue2.js +14 -13
- package/dist/components/field/FieldMarkdownPreview.vue.js +2 -2
- package/dist/components/field/FieldMultiSelect.vue.d.ts +2 -2
- package/dist/components/field/FieldMultiSelect.vue.js +2 -2
- package/dist/components/field/FieldMultiSelect.vue2.js +80 -75
- package/dist/components/field/FieldNumber.vue.js +3 -3
- package/dist/components/field/FieldNumber.vue2.js +19 -18
- package/dist/components/field/FieldPhone.vue.js +2 -2
- package/dist/components/field/FieldPhone.vue2.js +12 -11
- package/dist/components/field/FieldProgress.vue.js +1 -1
- package/dist/components/field/FieldProgress.vue2.js +18 -17
- package/dist/components/field/FieldRating.vue.js +2 -2
- package/dist/components/field/FieldRating.vue2.js +22 -16
- package/dist/components/field/FieldRelation.vue.js +1 -1
- package/dist/components/field/FieldRelation.vue2.js +25 -22
- package/dist/components/field/FieldRichText.vue.js +1 -1
- package/dist/components/field/FieldRichText.vue2.js +10 -7
- package/dist/components/field/FieldSelect.vue.js +2 -2
- package/dist/components/field/FieldSelect.vue2.js +81 -63
- package/dist/components/field/FieldText.vue.js +2 -2
- package/dist/components/field/FieldText.vue2.js +17 -16
- package/dist/components/field/FieldUrl.vue.js +2 -2
- package/dist/components/field/FieldUrl.vue2.js +17 -16
- package/dist/components/form/FormDesigner.vue.js +2 -2
- package/dist/components/form/FormDesigner.vue2.js +83 -78
- package/dist/components/gallery/GalleryCard.vue.d.ts +1 -1
- package/dist/components/gallery/GalleryCard.vue.js +2 -2
- package/dist/components/gallery/GalleryCard.vue2.js +2 -1
- package/dist/components/kanban/KanbanCard.vue.d.ts +3 -1
- package/dist/components/kanban/KanbanCard.vue.js +1 -1
- package/dist/components/kanban/KanbanCard.vue2.js +15 -14
- package/dist/components/kanban/KanbanColumn.vue.d.ts +2 -0
- package/dist/components/kanban/KanbanColumn.vue.js +2 -2
- package/dist/components/kanban/KanbanColumn.vue2.js +9 -9
- package/dist/components/kanban/QuickAddRow.vue.js +2 -2
- package/dist/components/kanban/QuickAddRow.vue2.js +15 -14
- package/dist/components/layout/Navbar.vue.js +3 -3
- package/dist/components/layout/Navbar.vue2.js +5 -4
- package/dist/components/layout/Sidebar.vue.js +2 -2
- package/dist/components/layout/Sidebar.vue2.js +1 -1
- package/dist/components/mermaid/MermaidChart.vue.js +2 -2
- package/dist/components/mermaid/MermaidChart.vue2.js +17 -17
- package/dist/components/overlay/Dialog.vue.d.ts +1 -0
- package/dist/components/overlay/Dialog.vue.js +1 -1
- package/dist/components/overlay/Dialog.vue2.js +9 -9
- package/dist/components/overlay/Drawer.vue.d.ts +2 -1
- package/dist/components/overlay/Drawer.vue.js +2 -2
- package/dist/components/overlay/Drawer.vue2.js +35 -29
- package/dist/components/overlay/Modal.vue.d.ts +2 -1
- package/dist/components/overlay/Modal.vue.js +1 -1
- package/dist/components/overlay/Modal.vue2.js +34 -28
- package/dist/components/overlay/SidePanel.vue.d.ts +1 -0
- package/dist/components/overlay/SidePanel.vue.js +1 -1
- package/dist/components/overlay/SidePanel.vue2.js +6 -6
- package/dist/components/split/SplitPane.vue.js +2 -2
- package/dist/components/split/SplitPane.vue2.js +11 -9
- package/dist/components/table/ColumnHeaderMenu.vue.d.ts +4 -2
- package/dist/components/table/ColumnHeaderMenu.vue.js +1 -1
- package/dist/components/table/ColumnHeaderMenu.vue2.js +42 -36
- package/dist/components/table/DataTable.vue.d.ts +9 -6
- package/dist/components/table/DataTable.vue.js +2 -2
- package/dist/components/table/DataTable.vue2.js +643 -521
- package/dist/components/table/DetailSheet.vue.d.ts +2 -0
- package/dist/components/table/DetailSheet.vue.js +2 -2
- package/dist/components/table/DetailSheet.vue2.js +154 -70
- package/dist/components/table/FieldCell.vue.d.ts +2 -1
- package/dist/components/table/FieldCell.vue.js +1 -1
- package/dist/components/table/FieldCell.vue2.js +57 -48
- package/dist/components/table/FieldTypePicker.vue.d.ts +1 -0
- package/dist/components/table/FieldTypePicker.vue.js +4 -4
- package/dist/components/table/FieldTypePicker.vue2.js +1 -1
- package/dist/components/table/MobileListView.vue.d.ts +3 -2
- package/dist/components/table/MobileListView.vue.js +2 -2
- package/dist/components/table/MobileListView.vue2.js +57 -50
- package/dist/components/table/TableColumnManager.vue.js +1 -1
- package/dist/components/table/TableColumnManager.vue2.js +29 -28
- package/dist/components/table/TableDataRow.vue.d.ts +5 -1
- package/dist/components/table/TableDataRow.vue.js +3 -3
- package/dist/components/table/TableDataRow.vue2.js +102 -63
- package/dist/components/table/TableFilterPanel.vue.js +2 -2
- package/dist/components/table/TableFilterPanel.vue2.js +3 -0
- package/dist/components/table/TableGroupRow.vue.d.ts +2 -0
- package/dist/components/table/TableGroupRow.vue.js +2 -2
- package/dist/components/table/TableGroupRow.vue2.js +35 -30
- package/dist/components/table/TableHeaderRow.vue.d.ts +3 -1
- package/dist/components/table/TableHeaderRow.vue.js +1 -1
- package/dist/components/table/TableHeaderRow.vue2.js +111 -58
- package/dist/components/table/TableToolbar.vue.js +1 -1
- package/dist/components/table/TableToolbar.vue2.js +2 -2
- package/dist/components/tabs/TabPanel.vue.js +4 -4
- package/dist/components/tabs/TabPanel.vue2.js +1 -1
- package/dist/components/tabs/Tabs.vue.js +2 -2
- package/dist/components/tabs/Tabs.vue2.js +2 -2
- package/dist/components/timeline/GanttRow.vue.d.ts +2 -0
- package/dist/components/timeline/GanttRow.vue.js +2 -2
- package/dist/components/timeline/GanttRow.vue2.js +68 -52
- package/dist/components/timeline/GanttTimeline.vue.d.ts +6 -0
- package/dist/components/timeline/GanttTimeline.vue.js +2 -2
- package/dist/components/timeline/GanttTimeline.vue2.js +24 -24
- package/dist/composables/useColumnResize.d.ts +4 -1
- package/dist/composables/useColumnResize.js +114 -45
- package/dist/composables/useKeyboardNavigation.d.ts +1 -1
- package/dist/composables/useRowDrag.d.ts +7 -5
- package/dist/composables/useRowDrag.js +24 -24
- package/dist/composables/useSupabaseProvider.d.ts +8 -1
- package/dist/composables/useTableData.d.ts +5 -3
- package/dist/composables/useTableGroup.d.ts +2 -2
- package/dist/composables/useViewPersistence.d.ts +32 -3
- package/dist/composables/useVirtualList.d.ts +1 -0
- package/dist/composables/useVirtualList.js +94 -81
- package/dist/plugin.js +103 -102
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +2 -1
- package/dist/utils/echarts.d.ts +1 -0
- package/dist/utils/supabaseSchema.d.ts +12 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -109,6 +109,8 @@ import { DatabaseView, useDatabaseView } from '@oneflowui/ui'
|
|
|
109
109
|
|
|
110
110
|
`DatabaseView` 负责统一页面容器,`useDatabaseView` 负责页面状态编排。`dev` app 也已经接入这条链路,
|
|
111
111
|
用于证明 `local/provider` 双模式、视图切换、selected record 与 detail workspace 可以在同一页面层里闭环。
|
|
112
|
+
当前页面级契约还把 `detailPresentation` 和 `density` 作为明确的对齐方向:桌面端优先右侧 workspace,
|
|
113
|
+
移动端保留 sheet fallback;页面密度则统一按 `compact / standard / comfortable` 三档表达。
|
|
112
114
|
|
|
113
115
|
```ts
|
|
114
116
|
const view = useDatabaseView({
|
|
@@ -156,6 +158,15 @@ type DatabaseViewActions = {
|
|
|
156
158
|
|
|
157
159
|
这证明页面级方案已经具备“列表视图 + 选中态 + 详情工作区”的最小闭环,并且可以作为业务页面底座直接接入。
|
|
158
160
|
|
|
161
|
+
### `detailPresentation` / `density`
|
|
162
|
+
|
|
163
|
+
页面级方案在语义上继续收敛两个关键契约:
|
|
164
|
+
|
|
165
|
+
- `detailPresentation`:用于描述详情工作区的呈现方式,默认思路是桌面端 `side-panel`、移动端 `sheet`。
|
|
166
|
+
- `density`:用于统一页面与表格的视觉密度语义,建议仅使用 `compact`、`standard`、`comfortable` 三档。
|
|
167
|
+
|
|
168
|
+
这两个契约的目标不是替换现有组件,而是让页面层把右侧工作区、行高密度和默认布局策略收成一致的入口语义。
|
|
169
|
+
|
|
159
170
|
### 已支持 / 暂未支持
|
|
160
171
|
|
|
161
172
|
| 已支持 | 暂未支持 |
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./index.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-32503f28"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./BarChart.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-dfd12dfa"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
d as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./PieChart.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9e918a55"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
type ChartType = "bar" | "pie" | "doughnut" | "number-card" | "table";
|
|
2
|
+
type DashboardWidgetData = Record<string, unknown> | unknown[];
|
|
2
3
|
interface DashboardWidget {
|
|
3
4
|
id: string;
|
|
4
5
|
type: ChartType;
|
|
5
6
|
title?: string;
|
|
6
|
-
data?:
|
|
7
|
+
data?: DashboardWidgetData;
|
|
7
8
|
config?: Record<string, unknown>;
|
|
8
9
|
colSpan?: 1 | 2 | 3 | 4;
|
|
9
10
|
rowSpan?: 1 | 2;
|
|
@@ -17,7 +18,7 @@ type __VLS_Props = {
|
|
|
17
18
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
18
19
|
title: string;
|
|
19
20
|
columns: number;
|
|
20
|
-
widgets: DashboardWidget[];
|
|
21
21
|
gap: number;
|
|
22
|
+
widgets: DashboardWidget[];
|
|
22
23
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
23
24
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./index.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d68d4403"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./AiSender.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3d40431f"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as B, ref as f, computed as H, openBlock as o, createElementBlock as
|
|
1
|
+
import { defineComponent as B, ref as f, computed as H, openBlock as o, createElementBlock as i, normalizeClass as m, renderSlot as h, createCommentVNode as v, createElementVNode as l, withDirectives as S, vModelText as $, createBlock as b, unref as y, nextTick as p } from "vue";
|
|
2
2
|
import { Square as z, ArrowUp as A } from "lucide-vue-next";
|
|
3
3
|
const E = {
|
|
4
4
|
key: 0,
|
|
@@ -15,7 +15,7 @@ const E = {
|
|
|
15
15
|
},
|
|
16
16
|
emits: ["send", "cancel"],
|
|
17
17
|
setup(t, { emit: x }) {
|
|
18
|
-
const
|
|
18
|
+
const a = t, d = x, n = f(""), r = f(null), k = H(() => a.maxRows ?? 6);
|
|
19
19
|
function c() {
|
|
20
20
|
const e = r.value;
|
|
21
21
|
if (!e) return;
|
|
@@ -31,7 +31,7 @@ const E = {
|
|
|
31
31
|
}
|
|
32
32
|
function u() {
|
|
33
33
|
const e = n.value.trim();
|
|
34
|
-
!e ||
|
|
34
|
+
!e || a.disabled || (d("send", e), n.value = "", p(() => {
|
|
35
35
|
c();
|
|
36
36
|
}));
|
|
37
37
|
}
|
|
@@ -39,16 +39,16 @@ const E = {
|
|
|
39
39
|
d("cancel");
|
|
40
40
|
}
|
|
41
41
|
function C() {
|
|
42
|
-
|
|
42
|
+
a.disabled ? g() : u();
|
|
43
43
|
}
|
|
44
|
-
return (e, s) => (o(),
|
|
44
|
+
return (e, s) => (o(), i("div", {
|
|
45
45
|
class: m(["of-ai-sender", { "is-disabled": t.disabled }])
|
|
46
46
|
}, [
|
|
47
|
-
e.$slots.tools ? (o(),
|
|
47
|
+
e.$slots.tools ? (o(), i("div", E, [
|
|
48
48
|
h(e.$slots, "tools", {}, void 0, !0)
|
|
49
49
|
])) : v("", !0),
|
|
50
50
|
l("div", K, [
|
|
51
|
-
e.$slots.prefix ? (o(),
|
|
51
|
+
e.$slots.prefix ? (o(), i("div", V, [
|
|
52
52
|
h(e.$slots, "prefix", {}, void 0, !0)
|
|
53
53
|
])) : v("", !0),
|
|
54
54
|
S(l("textarea", {
|
|
@@ -56,6 +56,7 @@ const E = {
|
|
|
56
56
|
ref: r,
|
|
57
57
|
"onUpdate:modelValue": s[0] || (s[0] = (R) => n.value = R),
|
|
58
58
|
class: "of-ai-sender__textarea",
|
|
59
|
+
"aria-label": "消息输入框",
|
|
59
60
|
placeholder: t.placeholder ?? "输入消息...",
|
|
60
61
|
disabled: t.disabled,
|
|
61
62
|
rows: "1",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ColorPanel.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fe537ba5"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
f as default
|
|
7
7
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const C = { class: "of-color-panel__header" }, g = { class: "of-color-panel__label" }, w = { class: "of-color-panel__value" }, x = { class: "of-color-panel__picker-row" }, B = ["disabled"], P = ["disabled"],
|
|
1
|
+
import { defineComponent as p, computed as _, openBlock as s, createElementBlock as d, normalizeClass as h, createElementVNode as o, toDisplayString as r, withDirectives as u, vModelText as b, createCommentVNode as v, Fragment as k, renderList as y, normalizeStyle as V } from "vue";
|
|
2
|
+
const C = { class: "of-color-panel__header" }, g = { class: "of-color-panel__label" }, w = { class: "of-color-panel__value" }, x = { class: "of-color-panel__picker-row" }, B = ["aria-label", "disabled"], P = ["aria-label", "disabled"], $ = { class: "of-color-panel__presets" }, z = ["title", "disabled", "onClick"], I = /* @__PURE__ */ p({
|
|
3
3
|
__name: "ColorPanel",
|
|
4
4
|
props: {
|
|
5
5
|
modelValue: {},
|
|
@@ -9,44 +9,46 @@ const C = { class: "of-color-panel__header" }, g = { class: "of-color-panel__lab
|
|
|
9
9
|
label: { default: "颜色" }
|
|
10
10
|
},
|
|
11
11
|
emits: ["update:modelValue", "change"],
|
|
12
|
-
setup(e, { emit:
|
|
13
|
-
const i = e, c =
|
|
12
|
+
setup(e, { emit: f }) {
|
|
13
|
+
const i = e, c = f, a = _({
|
|
14
14
|
get: () => i.modelValue || "#3b82f6",
|
|
15
|
-
set: (
|
|
16
|
-
c("update:modelValue",
|
|
15
|
+
set: (t) => {
|
|
16
|
+
c("update:modelValue", t), c("change", t);
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
function
|
|
20
|
-
i.disabled || (
|
|
19
|
+
function m(t) {
|
|
20
|
+
i.disabled || (a.value = t);
|
|
21
21
|
}
|
|
22
|
-
return (
|
|
22
|
+
return (t, n) => (s(), d("div", {
|
|
23
23
|
class: h(["of-color-panel", { disabled: e.disabled }])
|
|
24
24
|
}, [
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
o("div", C, [
|
|
26
|
+
o("span", g, r(e.label), 1),
|
|
27
|
+
o("span", w, r(a.value), 1)
|
|
28
28
|
]),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"onUpdate:modelValue": n[0] || (n[0] = (l) =>
|
|
29
|
+
o("div", x, [
|
|
30
|
+
u(o("input", {
|
|
31
|
+
"onUpdate:modelValue": n[0] || (n[0] = (l) => a.value = l),
|
|
32
32
|
class: "of-color-panel__picker",
|
|
33
33
|
type: "color",
|
|
34
|
+
"aria-label": `${e.label}选择器`,
|
|
34
35
|
disabled: e.disabled
|
|
35
36
|
}, null, 8, B), [
|
|
36
|
-
[b,
|
|
37
|
+
[b, a.value]
|
|
37
38
|
]),
|
|
38
|
-
e.showInput ?
|
|
39
|
+
e.showInput ? u((s(), d("input", {
|
|
39
40
|
key: 0,
|
|
40
|
-
"onUpdate:modelValue": n[1] || (n[1] = (l) =>
|
|
41
|
+
"onUpdate:modelValue": n[1] || (n[1] = (l) => a.value = l),
|
|
41
42
|
class: "of-color-panel__input",
|
|
42
43
|
type: "text",
|
|
44
|
+
"aria-label": `${e.label}值输入`,
|
|
43
45
|
disabled: e.disabled,
|
|
44
46
|
placeholder: "#3b82f6"
|
|
45
47
|
}, null, 8, P)), [
|
|
46
|
-
[b,
|
|
48
|
+
[b, a.value]
|
|
47
49
|
]) : v("", !0)
|
|
48
50
|
]),
|
|
49
|
-
|
|
51
|
+
o("div", $, [
|
|
50
52
|
(s(!0), d(k, null, y(e.presets, (l) => (s(), d("button", {
|
|
51
53
|
key: l,
|
|
52
54
|
type: "button",
|
|
@@ -54,12 +56,12 @@ const C = { class: "of-color-panel__header" }, g = { class: "of-color-panel__lab
|
|
|
54
56
|
title: l,
|
|
55
57
|
style: V({ backgroundColor: l }),
|
|
56
58
|
disabled: e.disabled,
|
|
57
|
-
onClick: (
|
|
58
|
-
}, null, 12,
|
|
59
|
+
onClick: (D) => m(l)
|
|
60
|
+
}, null, 12, z))), 128))
|
|
59
61
|
])
|
|
60
62
|
], 2));
|
|
61
63
|
}
|
|
62
64
|
});
|
|
63
65
|
export {
|
|
64
|
-
|
|
66
|
+
I as default
|
|
65
67
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./FileUpload.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d1f9fdba"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
r as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./PersonPanel.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-
|
|
4
|
+
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-00c38dd5"]]);
|
|
5
5
|
export {
|
|
6
6
|
m as default
|
|
7
7
|
};
|
|
@@ -26,7 +26,7 @@ const C = { class: "of-person-panel__row" }, B = ["src", "alt"], N = { key: 1 },
|
|
|
26
26
|
return (a, s) => (e(), l("div", {
|
|
27
27
|
class: b(["of-person-panel", { disabled: n.disabled }])
|
|
28
28
|
}, [
|
|
29
|
-
s[1] || (s[1] = d("
|
|
29
|
+
s[1] || (s[1] = d("span", { class: "of-person-panel__label" }, "负责人", -1)),
|
|
30
30
|
d("div", C, [
|
|
31
31
|
o.value ? (e(), l("div", {
|
|
32
32
|
key: 0,
|
|
@@ -42,6 +42,7 @@ const C = { class: "of-person-panel__row" }, B = ["src", "alt"], N = { key: 1 },
|
|
|
42
42
|
h(d("select", {
|
|
43
43
|
"onUpdate:modelValue": s[0] || (s[0] = (t) => r.value = t),
|
|
44
44
|
class: "of-person-panel__select",
|
|
45
|
+
"aria-label": "负责人",
|
|
45
46
|
disabled: n.disabled
|
|
46
47
|
}, [
|
|
47
48
|
d("option", w, i(n.placeholder), 1),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Accordion.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-
|
|
4
|
+
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6e41a457"]]);
|
|
5
5
|
export {
|
|
6
6
|
m as default
|
|
7
7
|
};
|
|
@@ -7,5 +7,8 @@ export interface AvatarProps {
|
|
|
7
7
|
}
|
|
8
8
|
declare const _default: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
|
|
9
9
|
size: number;
|
|
10
|
+
color: string;
|
|
11
|
+
role: string;
|
|
12
|
+
bg: string;
|
|
10
13
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
11
14
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import f from "./Avatar.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const m = /* @__PURE__ */ o(f, [["__scopeId", "data-v-f1ff554f"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as v, computed as c, openBlock as p, createElementBlock as i, mergeProps as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as v, computed as c, openBlock as p, createElementBlock as i, mergeProps as d, toDisplayString as u } from "vue";
|
|
2
|
+
const F = /* @__PURE__ */ v({
|
|
3
3
|
name: "Avatar",
|
|
4
4
|
inheritAttrs: !1,
|
|
5
5
|
__name: "Avatar",
|
|
6
6
|
props: {
|
|
7
7
|
name: {},
|
|
8
8
|
size: { default: 28 },
|
|
9
|
-
color: {},
|
|
10
|
-
bg: {},
|
|
11
|
-
role: {}
|
|
9
|
+
color: { default: void 0 },
|
|
10
|
+
bg: { default: void 0 },
|
|
11
|
+
role: { default: void 0 }
|
|
12
12
|
},
|
|
13
13
|
setup(n) {
|
|
14
14
|
const r = n, a = {
|
|
@@ -61,12 +61,12 @@ const d = /* @__PURE__ */ v({
|
|
|
61
61
|
"--one-avatar-font-size": `${e}px`
|
|
62
62
|
};
|
|
63
63
|
});
|
|
64
|
-
return (o, e) => (p(), i("span",
|
|
64
|
+
return (o, e) => (p(), i("span", d({
|
|
65
65
|
class: "one-avatar",
|
|
66
66
|
style: g.value
|
|
67
|
-
}, o.$attrs),
|
|
67
|
+
}, o.$attrs), u(s.value), 17));
|
|
68
68
|
}
|
|
69
69
|
});
|
|
70
70
|
export {
|
|
71
|
-
|
|
71
|
+
F as default
|
|
72
72
|
};
|
|
@@ -17,7 +17,9 @@ declare function __VLS_template(): {
|
|
|
17
17
|
};
|
|
18
18
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
19
|
declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
|
|
20
|
+
priority: "P0" | "P1" | "P2" | "P3";
|
|
20
21
|
size: "sm" | "md";
|
|
22
|
+
color: LooseString<"default" | "blue" | "green" | "orange" | "red" | "purple" | "gray">;
|
|
21
23
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
24
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
25
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Badge.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d612270f"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
m as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ButtonGroup.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c13fafa6"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|
|
@@ -21,11 +21,11 @@ const k = ["onClick"], h = {
|
|
|
21
21
|
}, t.$attrs), [
|
|
22
22
|
(o(!0), n(m, null, p(l.options, (e) => (o(), n("button", {
|
|
23
23
|
key: e.value,
|
|
24
|
-
onClick: (V) => t.$emit("update:modelValue", e.value),
|
|
25
24
|
class: d([
|
|
26
25
|
"of-button-group__item",
|
|
27
26
|
l.modelValue === e.value ? "of-button-group__item--active" : ""
|
|
28
|
-
])
|
|
27
|
+
]),
|
|
28
|
+
onClick: (V) => t.$emit("update:modelValue", e.value)
|
|
29
29
|
}, [
|
|
30
30
|
e.icon ? (o(), n("div", h, [
|
|
31
31
|
(o(), f(_(g(v)(e.icon)), { class: "of-button-group__item-icon" })),
|
|
@@ -9,6 +9,12 @@ export interface ChainItemProps {
|
|
|
9
9
|
borderColor?: string;
|
|
10
10
|
}
|
|
11
11
|
declare const _default: import('vue').DefineComponent<ChainItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ChainItemProps> & Readonly<{}>, {
|
|
12
|
+
description: string;
|
|
13
|
+
color: string;
|
|
12
14
|
type: "source" | "result";
|
|
15
|
+
duration: string;
|
|
16
|
+
bg: string;
|
|
17
|
+
borderColor: string;
|
|
18
|
+
avatar: string;
|
|
13
19
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
14
20
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ChainItem.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-329c8055"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as h, computed as e, openBlock as l, createElementBlock as c, mergeProps as y, createElementVNode as s, normalizeStyle as
|
|
1
|
+
import { defineComponent as h, computed as e, openBlock as l, createElementBlock as c, mergeProps as y, createElementVNode as s, normalizeStyle as d, toDisplayString as t, createCommentVNode as u } from "vue";
|
|
2
2
|
const F = { class: "one-chain-item__header" }, B = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "one-chain-item__duration"
|
|
@@ -8,15 +8,15 @@ const F = { class: "one-chain-item__header" }, B = {
|
|
|
8
8
|
props: {
|
|
9
9
|
type: { default: "source" },
|
|
10
10
|
title: {},
|
|
11
|
-
description: {},
|
|
12
|
-
avatar: {},
|
|
13
|
-
duration: {},
|
|
14
|
-
color: {},
|
|
15
|
-
bg: {},
|
|
16
|
-
borderColor: {}
|
|
11
|
+
description: { default: void 0 },
|
|
12
|
+
avatar: { default: void 0 },
|
|
13
|
+
duration: { default: void 0 },
|
|
14
|
+
color: { default: void 0 },
|
|
15
|
+
bg: { default: void 0 },
|
|
16
|
+
borderColor: { default: void 0 }
|
|
17
17
|
},
|
|
18
18
|
setup(o) {
|
|
19
|
-
const
|
|
19
|
+
const r = o, i = {
|
|
20
20
|
source: {
|
|
21
21
|
color: "var(--of-badge-purple-text, #7C3AED)",
|
|
22
22
|
bg: "var(--of-badge-purple-bg, #F9F0FF)",
|
|
@@ -33,32 +33,32 @@ const F = { class: "one-chain-item__header" }, B = {
|
|
|
33
33
|
descColor: "var(--of-color-success-dark, #165E26)",
|
|
34
34
|
defaultAvatar: "✓"
|
|
35
35
|
}
|
|
36
|
-
},
|
|
36
|
+
}, a = e(() => i[r.type || "source"]), n = e(() => r.color || a.value.color), v = e(() => r.bg || a.value.bg), f = e(() => r.borderColor || a.value.border), b = e(() => a.value.descColor), p = e(() => r.avatar || a.value.defaultAvatar), g = e(() => ({
|
|
37
37
|
background: v.value,
|
|
38
|
-
borderColor:
|
|
38
|
+
borderColor: f.value
|
|
39
39
|
})), m = e(() => ({
|
|
40
|
-
backgroundColor:
|
|
41
|
-
color:
|
|
40
|
+
backgroundColor: a.value.avatarBg,
|
|
41
|
+
color: n.value
|
|
42
42
|
}));
|
|
43
43
|
return (C, E) => (l(), c("div", y({
|
|
44
44
|
class: "one-chain-item",
|
|
45
|
-
style:
|
|
45
|
+
style: g.value
|
|
46
46
|
}, C.$attrs), [
|
|
47
47
|
s("div", F, [
|
|
48
48
|
s("span", {
|
|
49
49
|
class: "one-chain-item__avatar",
|
|
50
|
-
style:
|
|
51
|
-
}, t(
|
|
50
|
+
style: d(m.value)
|
|
51
|
+
}, t(p.value), 5),
|
|
52
52
|
s("span", {
|
|
53
53
|
class: "one-chain-item__title",
|
|
54
|
-
style:
|
|
54
|
+
style: d({ color: n.value })
|
|
55
55
|
}, t(o.title), 5),
|
|
56
56
|
o.duration ? (l(), c("span", B, t(o.duration), 1)) : u("", !0)
|
|
57
57
|
]),
|
|
58
58
|
o.description ? (l(), c("div", {
|
|
59
59
|
key: 0,
|
|
60
60
|
class: "one-chain-item__desc",
|
|
61
|
-
style:
|
|
61
|
+
style: d({ color: b.value })
|
|
62
62
|
}, t(o.description), 5)) : u("", !0)
|
|
63
63
|
], 16));
|
|
64
64
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DropdownMenu.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a8f0ddac"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
d as default
|
|
7
7
|
};
|