@dou-ui/dashboard 0.0.0-stage → 0.1.0-alpha.0

package/dist/widgets/table.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref"],"sources":["../../src/widgets/table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouTable } from 'dou-ui'\nimport type { TableColumn } from 'dou-ui'\nimport { computed, onMounted, ref } from 'vue'\nimport { useDashboardWidget } from '../widget/context'\nimport { fieldsOf, rowsToWorkbook, rowsOf } from './shared'\nimport type { TableWidgetColumn, TableWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardTableWidget' })\n\nconst { props, data, size, setWorkbook } = useDashboardWidget<TableWidgetProps>()\nconst rows = computed(() => rowsOf(data.value, props.value.path))\n/** Each row's key: its `rowKey` field, or its place in the list. */\nconst keys = computed(() => {\n  const map = new WeakMap<object, string | number>()\n  const field = props.value.rowKey\n  rows.value.forEach((row, index) => map.set(row, field ? (row[field] as string | number) : index))\n  return map\n})\nconst rowKey = (row: Record<string, unknown>) => keys.value.get(row) ?? ''\nconst number = new Intl.NumberFormat()\n/** The table's font, read once it is on the page, to measure texts with. */\nconst root = ref<{ $el: Element }>()\nconst font = ref('')\nonMounted(() => {\n  const cell = root.value?.$el.querySelector('td, th')\n  if (cell) font.value = getComputedStyle(cell).font\n})\nlet context: CanvasRenderingContext2D | null | undefined\n/** How wide a text is in the table's font, or about how wide before it is known. */\nfunction textWidth(text: string) {\n  context ??=\n    typeof document === 'undefined' ? null : document.createElement('canvas').getContext('2d')\n  if (context && font.value) {\n    context.font = font.value\n    return context.measureText(text).width\n  }\n  let width = 0\n  for (const char of text) width += char.charCodeAt(0) > 0x2e7f ? 14 : 8.5\n  return width\n}\n/** Room for the title and the first rows' texts, with the cell's padding; up to 240px. */\nfunction minWidthOf(title: string, texts: unknown[]) {\n  let widest = textWidth(title)\n  for (const text of texts) widest = Math.max(widest, textWidth(String(text ?? '')))\n  return Math.min(240, Math.ceil(widest) + 28)\n}\nconst columns = computed<TableColumn[]>(() => {\n  const first = rows.value[0]\n  const list: TableWidgetColumn[] =\n    props.value.columns ?? fieldsOf(rows.value).map((key) => ({ key }))\n  return list.map(({ key, title }) => {\n    const numeric = typeof first?.[key] === 'number'\n    // numbers with digit groups, as in the stat widget\n    const value = numeric\n      ? (row: Record<string, unknown>) =>\n          typeof row[key] === 'number' ? number.format(row[key] as number) : row[key]\n      : undefined\n    const sample = rows.value.slice(0, 20).map((row) => (value ? value(row) : row[key]))\n    const least = minWidthOf(title || key, sample)\n    return {\n      key,\n      title: title || key,\n      align: numeric ? 'end' : undefined,\n      ellipsis: true,\n      // shares of the width follow the contents; never narrower than them\n      width: least,\n      minWidth: least,\n      value,\n    }\n  })\n})\n// the export menu writes the rows as they are, numbers without digit groups\nsetWorkbook(() =>\n  rowsToWorkbook(\n    '',\n    columns.value.map((column) => ({\n      key: column.key as string,\n      title: String(column.title),\n      width: typeof column.width === 'number' ? column.width : undefined,\n    })),\n    rows.value,\n  ),\n)\n</script>\n\n<template>\n  <DouTable\n    ref=\"root\"\n    class=\"dou-dashboard-table\"\n    :data=\"rows\"\n    :columns=\"columns\"\n    :row-key=\"rowKey\"\n    size=\"sm\"\n    :max-height=\"size.height.value || undefined\"\n    :virtual=\"rows.length > 100\"\n  />\n</template>\n"],"mappings":";;;;;;;;;EAUA,MAAM,EAAE,OAAO,MAAM,MAAM,gBAAgB,mBAAqC;EAChF,MAAM,OAAO,eAAe,OAAO,KAAK,OAAO,MAAM,MAAM,IAAI,CAAC;;EAEhE,MAAM,OAAO,eAAe;GAC1B,MAAM,sBAAM,IAAI,QAAiC;GACjD,MAAM,QAAQ,MAAM,MAAM;GAC1B,KAAK,MAAM,SAAS,KAAK,UAAU,IAAI,IAAI,KAAK,QAAS,IAAI,SAA6B,KAAK,CAAC;GAChG,OAAO;EACT,CAAC;EACD,MAAM,UAAU,QAAiC,KAAK,MAAM,IAAI,GAAG,KAAK;EACxE,MAAM,SAAS,IAAI,KAAK,aAAa;;EAErC,MAAM,OAAO,IAAsB;EACnC,MAAM,OAAO,IAAI,EAAE;EACnB,gBAAgB;GACd,MAAM,OAAO,KAAK,OAAO,IAAI,cAAc,QAAQ;GACnD,IAAI,MAAM,KAAK,QAAQ,iBAAiB,IAAI,CAAC,CAAC;EAChD,CAAC;EACD,IAAI;;EAEJ,SAAS,UAAU,MAAc;GAC/B,YACE,OAAO,aAAa,cAAc,OAAO,SAAS,cAAc,QAAQ,CAAC,CAAC,WAAW,IAAI;GAC3F,IAAI,WAAW,KAAK,OAAO;IACzB,QAAQ,OAAO,KAAK;IACpB,OAAO,QAAQ,YAAY,IAAI,CAAC,CAAC;GACnC;GACA,IAAI,QAAQ;GACZ,KAAK,MAAM,QAAQ,MAAM,SAAS,KAAK,WAAW,CAAC,IAAI,QAAS,KAAK;GACrE,OAAO;EACT;;EAEA,SAAS,WAAW,OAAe,OAAkB;GACnD,IAAI,SAAS,UAAU,KAAK;GAC5B,KAAK,MAAM,QAAQ,OAAO,SAAS,KAAK,IAAI,QAAQ,UAAU,OAAO,QAAQ,EAAE,CAAC,CAAC;GACjF,OAAO,KAAK,IAAI,KAAK,KAAK,KAAK,MAAM,IAAI,EAAE;EAC7C;EACA,MAAM,UAAU,eAA8B;GAC5C,MAAM,QAAQ,KAAK,MAAM;GAGzB,QADE,MAAM,MAAM,WAAW,SAAS,KAAK,KAAK,CAAC,CAAC,KAAK,SAAS,EAAE,IAAI,EAAE,EAAA,CACxD,KAAK,EAAE,KAAK,YAAY;IAClC,MAAM,UAAU,OAAO,QAAQ,SAAS;IAExC,MAAM,QAAQ,WACT,QACC,OAAO,IAAI,SAAS,WAAW,OAAO,OAAO,IAAI,IAAc,IAAI,IAAI,OACzE,KAAA;IACJ,MAAM,SAAS,KAAK,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,KAAK,QAAS,QAAQ,MAAM,GAAG,IAAI,IAAI,IAAK;IACnF,MAAM,QAAQ,WAAW,SAAS,KAAK,MAAM;IAC7C,OAAO;KACL;KACA,OAAO,SAAS;KAChB,OAAO,UAAU,QAAQ,KAAA;KACzB,UAAU;KAEV,OAAO;KACP,UAAU;KACV;IACF;GACF,CAAC;EACH,CAAC;EAED,kBACE,eACE,IACA,QAAQ,MAAM,KAAK,YAAY;GAC7B,KAAK,OAAO;GACZ,OAAO,OAAO,OAAO,KAAK;GAC1B,OAAO,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,KAAA;EAC3D,EAAE,GACF,KAAK,KACP,CACF;;GAIE,OAAAA,UAAA,GAAAC,YASEC,MAAA,QAAA,GAAA;IARI,SAAA;IAAJ,KAAI;IACJ,OAAM;IACL,MAAM,KAAA;IACN,SAAS,QAAA;IACT,WAAS;IACV,MAAK;IACJ,cAAYA,MAAA,IAAA,CAAI,CAAC,OAAO,SAAS,KAAA;IACjC,SAAS,KAAA,MAAK,SAAM"}

package/dist/widgets/text-settings.js

@@ -0,0 +1,6 @@
+import text_settings_vue_vue_type_script_setup_true_lang_default from "./text-settings.vue_vue_type_script_setup_true_lang.js";
+// src/widgets/text-settings.vue
+var text_settings_default = text_settings_vue_vue_type_script_setup_true_lang_default;
+export { text_settings_default as default };
+
+//# sourceMappingURL=text-settings.js.map

package/dist/widgets/text-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-settings.js","names":["_sfc_main"],"sources":["../../src/widgets/text-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouSegmentedControl, DouTextarea } from 'dou-ui'\nimport { useDashboardMessages } from '../locale'\nimport SettingsField from './settings-field.vue'\nimport type { TextWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardTextSettings' })\n\nconst model = defineModel<TextWidgetProps>({ required: true })\nconst messages = useDashboardMessages()\nconst set = (patch: Partial<TextWidgetProps>) => (model.value = { ...model.value, ...patch })\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SettingsField :label=\"messages.text\">\n      <DouTextarea\n        :model-value=\"model.text ?? ''\"\n        autosize\n        :rows=\"4\"\n        :aria-label=\"messages.text\"\n        @update:model-value=\"(text) => set({ text })\"\n      />\n    </SettingsField>\n    <SettingsField :label=\"messages.textSize\">\n      <DouSegmentedControl\n        :model-value=\"model.size ?? 'md'\"\n        :options=\"[\n          { value: 'sm', label: messages.sizeSmall },\n          { value: 'md', label: messages.sizeMedium },\n          { value: 'lg', label: messages.sizeLarge },\n        ]\"\n        :aria-label=\"messages.textSize\"\n        @update:model-value=\"(size) => set({ size: size as TextWidgetProps['size'] })\"\n      />\n    </SettingsField>\n  </div>\n</template>\n"],"mappings":""}

package/dist/widgets/text-settings.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { useDashboardMessages } from "../locale.js";
+import settings_field_default from "./settings-field.js";
+import { DouSegmentedControl, DouTextarea } from "dou-ui";
+import { createElementBlock, createVNode, defineComponent, openBlock, unref, useModel, withCtx } from "vue";
+// src/widgets/text-settings.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-dashboard__settings" };
+var text_settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardTextSettings",
+	__name: "text-settings",
+	props: {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const messages = useDashboardMessages();
+		const set = (patch) => model.value = {
+			...model.value,
+			...patch
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(settings_field_default, { label: unref(messages).text }, {
+				default: withCtx(() => [createVNode(unref(DouTextarea), {
+					"model-value": model.value.text ?? "",
+					autosize: "",
+					rows: 4,
+					"aria-label": unref(messages).text,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (text) => set({ text }))
+				}, null, 8, ["model-value", "aria-label"])]),
+				_: 1
+			}, 8, ["label"]), createVNode(settings_field_default, { label: unref(messages).textSize }, {
+				default: withCtx(() => [createVNode(unref(DouSegmentedControl), {
+					"model-value": model.value.size ?? "md",
+					options: [
+						{
+							value: "sm",
+							label: unref(messages).sizeSmall
+						},
+						{
+							value: "md",
+							label: unref(messages).sizeMedium
+						},
+						{
+							value: "lg",
+							label: unref(messages).sizeLarge
+						}
+					],
+					"aria-label": unref(messages).textSize,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = (size) => set({ size }))
+				}, null, 8, [
+					"model-value",
+					"options",
+					"aria-label"
+				])]),
+				_: 1
+			}, 8, ["label"])]);
+		};
+	}
+});
+export { text_settings_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=text-settings.vue_vue_type_script_setup_true_lang.js.map

package/dist/widgets/text-settings.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-settings.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createVNode","SettingsField","_unref","_withCtx"],"sources":["../../src/widgets/text-settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouSegmentedControl, DouTextarea } from 'dou-ui'\nimport { useDashboardMessages } from '../locale'\nimport SettingsField from './settings-field.vue'\nimport type { TextWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardTextSettings' })\n\nconst model = defineModel<TextWidgetProps>({ required: true })\nconst messages = useDashboardMessages()\nconst set = (patch: Partial<TextWidgetProps>) => (model.value = { ...model.value, ...patch })\n</script>\n\n<template>\n  <div class=\"dou-dashboard__settings\">\n    <SettingsField :label=\"messages.text\">\n      <DouTextarea\n        :model-value=\"model.text ?? ''\"\n        autosize\n        :rows=\"4\"\n        :aria-label=\"messages.text\"\n        @update:model-value=\"(text) => set({ text })\"\n      />\n    </SettingsField>\n    <SettingsField :label=\"messages.textSize\">\n      <DouSegmentedControl\n        :model-value=\"model.size ?? 'md'\"\n        :options=\"[\n          { value: 'sm', label: messages.sizeSmall },\n          { value: 'md', label: messages.sizeMedium },\n          { value: 'lg', label: messages.sizeLarge },\n        ]\"\n        :aria-label=\"messages.textSize\"\n        @update:model-value=\"(size) => set({ size: size as TextWidgetProps['size'] })\"\n      />\n    </SettingsField>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAQA,MAAM,QAAQA,SAA4B,SAAA,YAAmB;EAC7D,MAAM,WAAW,qBAAqB;EACtC,MAAM,OAAO,UAAqC,MAAM,QAAQ;GAAE,GAAG,MAAM;GAAO,GAAG;EAAM;;GAIzF,OAAAC,UAAA,GAAAC,mBAsBM,OAtBN,YAsBM,CArBJC,YAQgBC,wBAAA,EARA,OAAOC,MAAA,QAAA,CAAQ,CAAC,K;IAC9B,SAAAC,cAME,CANFH,YAMEE,MAAA,WAAA,GAAA;KALC,eAAa,MAAA,MAAM,QAAI;KACxB,UAAA;KACC,MAAM;KACN,cAAYA,MAAA,QAAA,CAAQ,CAAC;KACrB,uBAAkB,OAAA,OAAA,OAAA,MAAG,SAAS,IAAG,EAAG,KAAI,CAAA;;;G,kBAG7CF,YAWgBC,wBAAA,EAXA,OAAOC,MAAA,QAAA,CAAQ,CAAC,S;IAC9B,SAAAC,cASE,CATFH,YASEE,MAAA,mBAAA,GAAA;KARC,eAAa,MAAA,MAAM,QAAI;KACvB,SAAO;MAAoC;OAAA,OAAA;OAAA,OAAAA,MAAA,QAAA,CAAQ,CAAC;MAAS;MAAoC;OAAA,OAAA;OAAA,OAAAA,MAAA,QAAA,CAAQ,CAAC;MAAU;MAAoC;OAAA,OAAA;OAAA,OAAAA,MAAA,QAAA,CAAQ,CAAC;MAAS;;KAK1K,cAAYA,MAAA,QAAA,CAAQ,CAAC;KACrB,uBAAkB,OAAA,OAAA,OAAA,MAAG,SAAS,IAAG,EAAS,KAAI,CAAA"}

package/dist/widgets/text.js

@@ -0,0 +1,6 @@
+import text_vue_vue_type_script_setup_true_lang_default from "./text.vue_vue_type_script_setup_true_lang.js";
+// src/widgets/text.vue
+var text_default = text_vue_vue_type_script_setup_true_lang_default;
+export { text_default as default };
+
+//# sourceMappingURL=text.js.map

package/dist/widgets/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":["_sfc_main"],"sources":["../../src/widgets/text.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useDashboardWidget } from '../widget/context'\nimport type { TextWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardTextWidget' })\n\nconst { props } = useDashboardWidget<TextWidgetProps>()\n</script>\n\n<template>\n  <div :class=\"['dou-dashboard-text', `is-${props.size ?? 'md'}`]\">{{ props.text }}</div>\n</template>\n"],"mappings":""}

package/dist/widgets/text.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,16 @@
+import { useDashboardWidget } from "../widget/context.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+// src/widgets/text.vue?vue&type=script&setup=true&lang.ts
+var text_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardTextWidget",
+	__name: "text",
+	setup(__props) {
+		const { props } = useDashboardWidget();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["dou-dashboard-text", `is-${unref(props).size ?? "md"}`]) }, toDisplayString(unref(props).text), 3);
+		};
+	}
+});
+export { text_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=text.vue_vue_type_script_setup_true_lang.js.map

package/dist/widgets/text.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_toDisplayString"],"sources":["../../src/widgets/text.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useDashboardWidget } from '../widget/context'\nimport type { TextWidgetProps } from './types'\n\ndefineOptions({ name: 'DouDashboardTextWidget' })\n\nconst { props } = useDashboardWidget<TextWidgetProps>()\n</script>\n\n<template>\n  <div :class=\"['dou-dashboard-text', `is-${props.size ?? 'md'}`]\">{{ props.text }}</div>\n</template>\n"],"mappings":";;;;;;;EAMA,MAAM,EAAE,UAAU,mBAAoC;;GAIpD,OAAAA,UAAA,GAAAC,mBAAuF,OAAA,EAAjF,OAAKC,eAAA,CAAA,sBAAA,MAA+BC,MAAA,KAAA,CAAK,CAAC,QAAI,MAAA,CAAA,EAAgB,GAAAC,gBAAAD,MAAA,KAAA,CAAK,CAAC,IAAI,GAAA,CAAA"}

package/package.json

@@ -1,6 +1,100 @@
 {
   "name": "@dou-ui/dashboard",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0-alpha.0",
+  "description": "DouUI 的仪表盘：可拖动、可缩放的网格布局与仪表盘设计器",
+  "keywords": [
+    "vue",
+    "vue3",
+    "dashboard",
+    "grid-layout",
+    "drag-and-drop",
+    "resizable",
+    "collaboration"
+  ],
+  "license": "MIT",
+  "author": "daidr <daidr@daidr.me>",
+  "homepage": "https://github.com/daidr/dou-ui#readme",
+  "bugs": "https://github.com/daidr/dou-ui/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/daidr/dou-ui.git",
+    "directory": "packages/dashboard"
+  },
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "./dist/style.js"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./layout": {
+      "types": "./dist/types/layout/index.d.ts",
+      "import": "./dist/layout/index.js"
+    },
+    "./widgets": {
+      "types": "./dist/types/widgets/index.d.ts",
+      "import": "./dist/widgets/index.js"
+    },
+    "./chart": {
+      "types": "./dist/types/chart/index.d.ts",
+      "import": "./dist/chart/index.js"
+    },
+    "./pivot": {
+      "types": "./dist/types/pivot/index.d.ts",
+      "import": "./dist/pivot/index.js"
+    },
+    "./collaboration": {
+      "types": "./dist/types/collaboration/index.d.ts",
+      "import": "./dist/collaboration/index.js"
+    },
+    "./style": {
+      "types": "./dist/style.d.ts",
+      "import": "./dist/style.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && vue-tsc -p tsconfig.build.json && bun scripts/build-style.ts"
+  },
+  "peerDependencies": {
+    "@dou-ui/chart": "0.1.0-alpha.0",
+    "@dou-ui/pivot": "0.1.0-alpha.0",
+    "dou-ui": "0.1.0-alpha.0",
+    "vue": "^3.5.0",
+    "yjs": "^13.6.0"
+  },
+  "peerDependenciesMeta": {
+    "@dou-ui/chart": {
+      "optional": true
+    },
+    "@dou-ui/pivot": {
+      "optional": true
+    },
+    "yjs": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@dou-ui/icons": "0.1.0-alpha.0",
+    "@dou-ui/sheet": "0.1.0-alpha.0"
+  },
+  "devDependencies": {
+    "@dou-ui/chart": "0.1.0-alpha.0",
+    "@dou-ui/pivot": "0.1.0-alpha.0",
+    "y-protocols": "^1.0.7",
+    "yjs": "^13.6.33"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}