@dou-ui/dashboard 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/widgets/table.vue_vue_type_script_setup_true_lang.js

@@ -71,6 +71,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				ref_key: "root",
 				ref: root,
 				class: "dou-dashboard-table",
+				bordered: false,
 				data: rows.value,
 				columns: columns.value,
 				"row-key": rowKey,

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

@@ -1 +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"}
+{"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    :bordered=\"false\"\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,YAUEC,MAAA,QAAA,GAAA;IATI,SAAA;IAAJ,KAAI;IACJ,OAAM;IACL,UAAU;IACV,MAAM,KAAA;IACN,SAAS,QAAA;IACT,WAAS;IACV,MAAK;IACJ,cAAYA,MAAA,IAAA,CAAI,CAAC,OAAO,SAAS,KAAA;IACjC,SAAS,KAAA,MAAK,SAAM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dou-ui/dashboard",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.4",
   "description": "DouUI 的仪表盘：可拖动、可缩放的网格布局与仪表盘设计器",
   "keywords": [
     "vue",
@@ -67,9 +67,9 @@
     "build": "vite build && vue-tsc -p tsconfig.build.json && bun scripts/build-style.ts"
   },
   "peerDependencies": {
-    "@dou-ui/chart": "0.1.0-alpha.2",
-    "@dou-ui/pivot": "0.1.0-alpha.2",
-    "dou-ui": "0.1.0-alpha.2",
+    "@dou-ui/chart": "0.1.0-alpha.4",
+    "@dou-ui/pivot": "0.1.0-alpha.4",
+    "dou-ui": "0.1.0-alpha.4",
     "vue": "^3.5.0",
     "yjs": "^13.6.0"
   },
@@ -85,12 +85,12 @@
     }
   },
   "dependencies": {
-    "@dou-ui/icons": "0.1.0-alpha.2",
-    "@dou-ui/sheet": "0.1.0-alpha.2"
+    "@dou-ui/icons": "0.1.0-alpha.4",
+    "@dou-ui/sheet": "0.1.0-alpha.4"
   },
   "devDependencies": {
-    "@dou-ui/chart": "0.1.0-alpha.2",
-    "@dou-ui/pivot": "0.1.0-alpha.2",
+    "@dou-ui/chart": "0.1.0-alpha.4",
+    "@dou-ui/pivot": "0.1.0-alpha.4",
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.33"
   },