@visactor/vtable 0.9.0-alpha.0-alpha.0

package/cjs/themes/ARCO.js

@@ -0,0 +1,114 @@
+"use strict";
+
+function getBackgroundColor(args) {
+    const {row: row, table: table} = args;
+    return 1 & row - table.frozenRowCount ? "#fbfbfc" : "#FFF";
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.default = {
+    underlayBackgroundColor: "#FFF",
+    defaultStyle: {
+        color: "#1B1F23",
+        bgColor: "#EEF1F5",
+        fontSize: 14,
+        fontFamily: "Arial,sans-serif",
+        fontWeight: 600,
+        lineHeight: 14,
+        borderColor: "#e1e4e8",
+        padding: [ 8, 12, 8, 12 ]
+    },
+    headerStyle: {
+        color: "#1B1F23",
+        bgColor: "#EEF1F5",
+        fontSize: 14,
+        fontFamily: "Arial,sans-serif",
+        fontWeight: 600,
+        lineHeight: 14,
+        borderColor: "#e1e4e8",
+        padding: [ 8, 12, 8, 12 ],
+        hover: {
+            cellBgColor: "#c8daf6"
+        }
+    },
+    rowHeaderStyle: {
+        color: "#1B1F23",
+        bgColor: "#EEF1F5",
+        fontSize: 12,
+        fontFamily: "PingFang SC",
+        fontWeight: 500,
+        lineHeight: 12,
+        borderColor: "#e1e4e8",
+        padding: [ 8, 12, 8, 12 ],
+        hover: {
+            cellBgColor: "#c8daf6"
+        }
+    },
+    cornerHeaderStyle: {
+        color: "#1B1F23",
+        bgColor: "#EEF1F5",
+        fontSize: 12,
+        fontFamily: "PingFang SC",
+        fontWeight: 500,
+        lineHeight: 12,
+        borderColor: "#e1e4e8",
+        padding: [ 8, 12, 8, 12 ],
+        hover: {
+            cellBgColor: "#c8daf6"
+        }
+    },
+    bodyStyle: {
+        padding: [ 8, 12, 8, 12 ],
+        color: "#141414",
+        fontSize: 14,
+        fontFamily: "Arial,sans-serif",
+        fontWeight: 400,
+        textAlign: "left",
+        bgColor: getBackgroundColor,
+        borderColor: "#e1e4e8",
+        lineHeight: 14,
+        hover: {
+            cellBgColor: "#F7F8FA",
+            inlineRowBgColor: "#F3F8FF",
+            inlineColumnBgColor: "#F3F8FF"
+        }
+    },
+    frameStyle: {
+        borderColor: "#d1d5da",
+        borderLineWidth: 1,
+        borderLineDash: [],
+        roundCornerRadius: 4,
+        shadowBlur: 6,
+        shadowOffsetX: 0,
+        shadowOffsetY: 0,
+        shadowColor: "rgba(00, 24, 47, 0.06)"
+    },
+    columnResize: {
+        lineWidth: 1,
+        lineColor: "#416EFF",
+        bgColor: "#D9E2FF",
+        width: 3
+    },
+    frozenColumnLine: {
+        shadow: {
+            width: 4,
+            startColor: "rgba(00, 24, 47, 0.05)",
+            endColor: "rgba(00, 24, 47, 0)"
+        }
+    },
+    menuStyle: {
+        color: "#000",
+        highlightColor: "#2E68CF",
+        fontSize: 12,
+        fontFamily: "sans-serif",
+        highlightFont: "12px sans-serif",
+        hoverBgColor: "#EEE"
+    },
+    selectionStyle: {
+        cellBgColor: "rgba(0, 0, 255,0.1)",
+        cellBorderLineWidth: 2,
+        cellBorderColor: "#3073f2"
+    }
+};
+//# sourceMappingURL=ARCO.js.map

package/cjs/themes/ARCO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["themes/ARCO.ts"],"names":[],"mappings":"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","file":"ARCO.js","sourcesContent":["import type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n  const { row, table } = args;\n  const index = row - table.frozenRowCount;\n  if (!(index & 1)) {\n    return '#FFF';\n  }\n  return '#fbfbfc';\n}\n\n/**\n * arco theme\n * @name ARCO\n * @memberof VTable.themes.choices\n */\nexport default {\n  underlayBackgroundColor: '#FFF',\n  // selectionBgColor: '#CCE0FF',\n  defaultStyle: {\n    color: '#1B1F23',\n    bgColor: '#EEF1F5',\n    fontSize: 14,\n    fontFamily: 'Arial,sans-serif',\n    fontWeight: 600,\n    lineHeight: 14,\n    borderColor: '#e1e4e8',\n    padding: [8, 12, 8, 12]\n  },\n  headerStyle: {\n    color: '#1B1F23',\n    bgColor: '#EEF1F5',\n    // 优先使用 Arial 字体，等宽能够保证数字场景长度一致，英文加粗场景 Arial 没有 500 字重，所以使用 600\n    fontSize: 14,\n    fontFamily: 'Arial,sans-serif',\n    fontWeight: 600,\n    lineHeight: 14,\n    borderColor: '#e1e4e8',\n    padding: [8, 12, 8, 12],\n    hover: {\n      cellBgColor: '#c8daf6'\n    }\n    // click: {\n    //   cellBgColor: '#c8daf6',\n    //   // inlineColumnBgColor: \"#82b2f5\",\n    //   cellBorderColor: '#3073f2', //['#e1e4e8', '#e1e4e8', '#3073f2', '#e1e4e8'],\n    //   cellBorderLineWidth: 2, // [0, 1, 3, 1],\n    // },\n  },\n  rowHeaderStyle: {\n    color: '#1B1F23',\n    bgColor: '#EEF1F5',\n    fontSize: 12,\n    fontFamily: 'PingFang SC',\n    fontWeight: 500,\n    lineHeight: 12,\n    borderColor: '#e1e4e8',\n    padding: [8, 12, 8, 12],\n    hover: {\n      cellBgColor: '#c8daf6'\n    }\n    // click: {\n    //   cellBgColor: '#c8daf6',\n    //   // inlineColumnBgColor: \"#82b2f5\",\n    //   cellBorderColor: '#3073f2', //['#e1e4e8', '#e1e4e8', '#3073f2', '#e1e4e8'],\n    //   cellBorderLineWidth: 2, // [0, 1, 3, 1],\n    // },\n  },\n  cornerHeaderStyle: {\n    color: '#1B1F23',\n    bgColor: '#EEF1F5',\n    fontSize: 12,\n    fontFamily: 'PingFang SC',\n    fontWeight: 500,\n    lineHeight: 12,\n    borderColor: '#e1e4e8',\n    padding: [8, 12, 8, 12],\n    hover: {\n      cellBgColor: '#c8daf6'\n    }\n    // click: {\n    //   cellBgColor: '#c8daf6',\n    //   // inlineColumnBgColor: \"#82b2f5\",\n    //   cellBorderColor: '#3073f2', //['#e1e4e8', '#e1e4e8', '#3073f2', '#e1e4e8'],\n    //   cellBorderLineWidth: 2, // [0, 1, 3, 1],\n    // },\n  },\n  bodyStyle: {\n    padding: [8, 12, 8, 12],\n    color: '#141414',\n    fontSize: 14,\n    fontFamily: 'Arial,sans-serif',\n    fontWeight: 400,\n    textAlign: 'left',\n    bgColor: getBackgroundColor,\n    borderColor: '#e1e4e8',\n    lineHeight: 14,\n    hover: {\n      cellBgColor: '#F7F8FA',\n      inlineRowBgColor: '#F3F8FF',\n      inlineColumnBgColor: '#F3F8FF'\n    }\n    // click: {\n    //   cellBgColor: 'rgba(0, 0, 255,0.1)',\n    //   cellBorderLineWidth: 2,\n    //   inlineColumnBgColor: '#CCE0FF',\n    //   inlineRowBgColor: '#00E0FF',\n    //   cellBorderColor: '#3073f2',\n    // },\n  },\n  frameStyle: {\n    borderColor: '#d1d5da',\n    borderLineWidth: 1,\n    borderLineDash: [],\n    roundCornerRadius: 4,\n    shadowBlur: 6,\n    shadowOffsetX: 0,\n    shadowOffsetY: 0,\n    shadowColor: 'rgba(00, 24, 47, 0.06)'\n  },\n  columnResize: {\n    lineWidth: 1,\n    lineColor: '#416EFF',\n    bgColor: '#D9E2FF',\n    width: 3\n  },\n  frozenColumnLine: {\n    shadow: {\n      width: 4,\n      startColor: 'rgba(00, 24, 47, 0.05)',\n      endColor: 'rgba(00, 24, 47, 0)'\n    }\n  },\n  menuStyle: {\n    color: '#000',\n    highlightColor: '#2E68CF',\n    // font: '12px sans-serif',\n    fontSize: 12,\n    fontFamily: 'sans-serif',\n    highlightFont: '12px sans-serif',\n    hoverBgColor: '#EEE'\n  },\n  selectionStyle: {\n    cellBgColor: 'rgba(0, 0, 255,0.1)',\n    cellBorderLineWidth: 2,\n    cellBorderColor: '#3073f2'\n  }\n} as ITableThemeDefine;\n"]}

package/cjs/themes/BRIGHT.d.ts

@@ -0,0 +1,3 @@
+import type { ITableThemeDefine } from '../ts-types';
+declare const _default: ITableThemeDefine;
+export default _default;

package/cjs/themes/BRIGHT.js

@@ -0,0 +1,71 @@
+"use strict";
+
+function getBackgroundColor(args) {
+    const {row: row, table: table} = args;
+    return 1 & row - table.frozenRowCount ? "#FFF" : "#F4F8FF";
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.default = {
+    underlayBackgroundColor: "#FFF",
+    defaultStyle: {
+        color: "#FFF",
+        bgColor: "#5389FF",
+        borderColor: "#5286FA",
+        hover: {
+            cellBgColor: "#2E67E3"
+        }
+    },
+    headerStyle: {
+        color: "#FFF",
+        bgColor: "#5389FF",
+        borderColor: "#A1C1FF",
+        hover: {
+            cellBgColor: "#2E67E3"
+        }
+    },
+    bodyStyle: {
+        color: "#000",
+        bgColor: getBackgroundColor,
+        borderColor: "#E0EAFE",
+        hover: {
+            cellBgColor: "#E9EFFD"
+        }
+    },
+    frameStyle: {
+        borderColor: "#E1E4E8",
+        borderLineWidth: 1,
+        borderLineDash: [],
+        roundCornerRadius: 0,
+        shadowBlur: 0,
+        shadowOffsetX: 0,
+        shadowOffsetY: 0,
+        shadowColor: "black"
+    },
+    columnResize: {
+        lineWidth: 1,
+        lineColor: "#416EFF",
+        bgColor: "#D9E2FF",
+        width: 3
+    },
+    frozenColumnLine: {
+        shadow: {
+            width: 3,
+            startColor: "#CBDCFE",
+            endColor: "#CBDCFE"
+        }
+    },
+    menuStyle: {
+        color: "#000",
+        highlightColor: "#2E68CF",
+        fontSize: 12,
+        fontFamily: "sans-serif",
+        highlightFont: "12px sans-serif",
+        hoverBgColor: "#EEE"
+    },
+    selectionStyle: {
+        cellBgColor: "rgba(0, 0, 255,0.1)"
+    }
+};
+//# sourceMappingURL=BRIGHT.js.map

package/cjs/themes/BRIGHT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["themes/BRIGHT.ts"],"names":[],"mappings":";;AAEA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAI5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAIF;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;QAClB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;SACvB;KAIF;IAED,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,kBAAkB;QAC3B,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAIF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,iBAAiB,EAAE,CAAC;QACpB,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,OAAO;KACrB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,SAAS;YACrB,QAAQ,EAAE,SAAS;SACpB;KACF;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,SAAS;QAEzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,iBAAiB;QAChC,YAAY,EAAE,MAAM;KACrB;IACD,cAAc,EAAE;QACd,WAAW,EAAE,qBAAqB;KACnC;CACmB,CAAC","file":"BRIGHT.js","sourcesContent":["import type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n  const { row, table } = args;\n  // if (row < table.frozenRowCount) {\n  //   return \"#FFF\";\n  // }\n  const index = row - table.frozenRowCount;\n  if (!(index & 1)) {\n    return '#F4F8FF';\n  }\n  return '#FFF';\n}\n\n/**\n * basic theme\n * @name BRIGHT\n * @memberof VTable.themes.choices\n */\nexport default {\n  underlayBackgroundColor: '#FFF',\n  // selectionBgColor: '#CCE0FF',\n  defaultStyle: {\n    color: '#FFF',\n    bgColor: '#5389FF',\n    borderColor: '#5286FA',\n    hover: {\n      cellBgColor: '#2E67E3'\n    }\n    // click: {\n    //   cellBgColor: '#2E67E3',\n    // },\n  },\n  headerStyle: {\n    color: '#FFF',\n    bgColor: '#5389FF',\n    borderColor: '#A1C1FF',\n    hover: {\n      //   cellBorderColor: \"#003fff\",\n      cellBgColor: '#2E67E3'\n    }\n    // click: {\n    //   cellBgColor: '#2E67E3',\n    // },\n  },\n\n  bodyStyle: {\n    color: '#000',\n    bgColor: getBackgroundColor,\n    borderColor: '#E0EAFE',\n    hover: {\n      cellBgColor: '#E9EFFD'\n    }\n    // click: {\n    //   cellBgColor: 'rgba(0, 0, 255,0.1)',\n    // },\n  },\n  frameStyle: {\n    borderColor: '#E1E4E8',\n    borderLineWidth: 1,\n    borderLineDash: [],\n    roundCornerRadius: 0,\n    shadowBlur: 0,\n    shadowOffsetX: 0,\n    shadowOffsetY: 0,\n    shadowColor: 'black'\n  },\n  columnResize: {\n    lineWidth: 1,\n    lineColor: '#416EFF',\n    bgColor: '#D9E2FF',\n    width: 3\n  },\n  frozenColumnLine: {\n    shadow: {\n      width: 3,\n      startColor: '#CBDCFE',\n      endColor: '#CBDCFE'\n    }\n  },\n  menuStyle: {\n    color: '#000',\n    highlightColor: '#2E68CF',\n    // font: '12px sans-serif',\n    fontSize: 12,\n    fontFamily: 'sans-serif',\n    highlightFont: '12px sans-serif',\n    hoverBgColor: '#EEE'\n  },\n  selectionStyle: {\n    cellBgColor: 'rgba(0, 0, 255,0.1)'\n  }\n} as ITableThemeDefine;\n"]}

package/cjs/themes/DARK.d.ts

@@ -0,0 +1,3 @@
+import type { ITableThemeDefine } from '../ts-types';
+declare const _default: ITableThemeDefine;
+export default _default;

package/cjs/themes/DARK.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function getBackgroundColor(args) {
+    const {row: row, table: table} = args;
+    return 1 & row - table.frozenRowCount ? "#282a2e" : "#2d3137";
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.default = {
+    underlayBackgroundColor: "#FFF",
+    defaultStyle: {
+        color: "#D3D5DA",
+        bgColor: "#373b45",
+        fontSize: 12,
+        fontFamily: "PingFang SC",
+        fontWeight: 500,
+        lineHeight: 12,
+        borderColor: "#444A54",
+        padding: [ 8, 12, 8, 12 ],
+        hover: {
+            cellBgColor: "#2F4774"
+        }
+    },
+    headerStyle: {
+        color: "#D3D5DA",
+        bgColor: "#373b45",
+        fontSize: 12,
+        fontFamily: "PingFang SC",
+        fontWeight: 500,
+        lineHeight: 12,
+        borderColor: "#444A54",
+        padding: [ 8, 12, 8, 12 ],
+        hover: {
+            cellBgColor: "#2F4774"
+        }
+    },
+    rowHeaderStyle: {},
+    cornerHeaderStyle: {},
+    bodyStyle: {
+        color: "#e5e7ea",
+        bgColor: getBackgroundColor,
+        fontSize: 12,
+        fontFamily: "PingFang SC",
+        fontWeight: 500,
+        lineHeight: 12,
+        borderColor: "#444A54",
+        padding: [ 8, 12, 8, 12 ],
+        hover: {
+            cellBgColor: "#29364D"
+        }
+    },
+    frameStyle: {
+        borderColor: "#d1d5da",
+        borderLineWidth: 1,
+        borderLineDash: [],
+        roundCornerRadius: 10,
+        shadowBlur: 6,
+        shadowOffsetX: 0,
+        shadowOffsetY: 0,
+        shadowColor: "rgba(00, 24, 47, 0.06)"
+    },
+    columnResize: {
+        lineWidth: 1,
+        lineColor: "#416EFF",
+        bgColor: "#D9E2FF",
+        width: 3
+    },
+    frozenColumnLine: {
+        shadow: {
+            width: 4,
+            startColor: "rgba(00, 24, 47, 0.05)",
+            endColor: "rgba(00, 24, 47, 0)"
+        }
+    },
+    menuStyle: {
+        color: "#000",
+        highlightColor: "#2E68CF",
+        fontSize: 12,
+        fontFamily: "sans-serif",
+        highlightFont: "12px sans-serif",
+        hoverBgColor: "#EEE"
+    },
+    selectionStyle: {
+        cellBgColor: "#29364D",
+        cellBorderColor: "#4284FF",
+        cellBorderLineWidth: 2
+    }
+};
+//# sourceMappingURL=DARK.js.map

package/cjs/themes/DARK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["themes/DARK.ts"],"names":[],"mappings":";;AAEA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAI5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,EAAE;IACrB,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACvB,KAAK,EAAE;YACL,WAAW,EAAE,SAAS;SACvB;KAOF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,wBAAwB;YACpC,QAAQ,EAAE,qBAAqB;SAChC;KACF;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,iBAAiB;QAChC,YAAY,EAAE,MAAM;KACrB;IACD,cAAc,EAAE;QACd,WAAW,EAAE,SAAS;QAEtB,eAAe,EAAE,SAAS;QAC1B,mBAAmB,EAAE,CAAC;KACvB;CACmB,CAAC","file":"DARK.js","sourcesContent":["import type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n  const { row, table } = args;\n  // if (row < table.frozenRowCount) {\n  //   return \"#FFF\";\n  // }\n  const index = row - table.frozenRowCount;\n  if (!(index & 1)) {\n    return '#2d3137';\n  }\n  return '#282a2e';\n}\n\n/**\n * dark theme\n * @name DARK\n * @memberof VTable.themes.DARK\n */\nexport default {\n  underlayBackgroundColor: '#FFF',\n  // selectionBgColor: '#CCE0FF',\n  defaultStyle: {\n    color: '#D3D5DA',\n    bgColor: '#373b45',\n    fontSize: 12,\n    fontFamily: 'PingFang SC',\n    fontWeight: 500,\n    lineHeight: 12,\n    borderColor: '#444A54',\n    padding: [8, 12, 8, 12],\n    hover: {\n      cellBgColor: '#2F4774'\n    }\n    // click: {\n    //   cellBgColor: 'rgba(0, 0, 255,0.1)',\n    //   // inlineColumnBgColor: \"#82b2f5\",\n    //   cellBorderColor: '#4284FF',\n    //   cellBorderLineWidth: 2,\n    // },\n  },\n  headerStyle: {\n    color: '#D3D5DA',\n    bgColor: '#373b45',\n    fontSize: 12,\n    fontFamily: 'PingFang SC',\n    fontWeight: 500,\n    lineHeight: 12,\n    borderColor: '#444A54',\n    padding: [8, 12, 8, 12],\n    hover: {\n      cellBgColor: '#2F4774'\n    }\n    // click: {\n    //   cellBgColor: '#2F4774',\n    //   // inlineColumnBgColor: \"#82b2f5\",\n    //   cellBorderColor: '#4284FF',\n    //   cellBorderLineWidth: 2,\n    // },\n  },\n  rowHeaderStyle: {},\n  cornerHeaderStyle: {},\n  bodyStyle: {\n    color: '#e5e7ea',\n    bgColor: getBackgroundColor,\n    fontSize: 12,\n    fontFamily: 'PingFang SC',\n    fontWeight: 500,\n    lineHeight: 12,\n    borderColor: '#444A54',\n    padding: [8, 12, 8, 12],\n    hover: {\n      cellBgColor: '#29364D'\n    }\n    // click: {\n    //   cellBgColor: '#29364D',\n    //   // inlineColumnBgColor: \"#82b2f5\",\n    //   cellBorderColor: '#4284FF',\n    //   cellBorderLineWidth: 2,\n    // },\n  },\n  frameStyle: {\n    borderColor: '#d1d5da',\n    borderLineWidth: 1,\n    borderLineDash: [],\n    roundCornerRadius: 10,\n    shadowBlur: 6,\n    shadowOffsetX: 0,\n    shadowOffsetY: 0,\n    shadowColor: 'rgba(00, 24, 47, 0.06)'\n  },\n  columnResize: {\n    lineWidth: 1,\n    lineColor: '#416EFF',\n    bgColor: '#D9E2FF',\n    width: 3\n  },\n  frozenColumnLine: {\n    shadow: {\n      width: 4,\n      startColor: 'rgba(00, 24, 47, 0.05)',\n      endColor: 'rgba(00, 24, 47, 0)'\n    }\n  },\n  menuStyle: {\n    color: '#000',\n    highlightColor: '#2E68CF',\n    fontSize: 12,\n    fontFamily: 'sans-serif',\n    highlightFont: '12px sans-serif',\n    hoverBgColor: '#EEE'\n  },\n  selectionStyle: {\n    cellBgColor: '#29364D',\n    // inlineColumnBgColor: \"#82b2f5\",\n    cellBorderColor: '#4284FF',\n    cellBorderLineWidth: 2\n  }\n} as ITableThemeDefine;\n"]}

package/cjs/themes/DEFAULT.d.ts

@@ -0,0 +1,3 @@
+import type { ITableThemeDefine } from '../ts-types';
+declare const _default: ITableThemeDefine;
+export default _default;

package/cjs/themes/DEFAULT.js

@@ -0,0 +1,89 @@
+"use strict";
+
+function getBackgroundColor(args) {
+    const {row: row, table: table} = args;
+    return 1 & row - table.frozenRowCount ? "#FDFDFD" : "#FAF9FB";
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.default = {
+    underlayBackgroundColor: "#FFF",
+    defaultStyle: {
+        borderColor: "#E1E4E8",
+        color: "#000",
+        bgColor: "#ECF1F5"
+    },
+    headerStyle: {
+        fontSize: 16,
+        fontWeight: "bold",
+        bgColor: "#ECF1F5",
+        hover: {
+            cellBgColor: "#CCE0FF",
+            inlineRowBgColor: "#F3F8FF",
+            inlineColumnBgColor: "#F3F8FF"
+        }
+    },
+    rowHeaderStyle: {
+        fontSize: 16,
+        fontWeight: "bold",
+        bgColor: "#ECF1F5",
+        hover: {
+            cellBgColor: "#CCE0FF",
+            inlineRowBgColor: "#F3F8FF",
+            inlineColumnBgColor: "#F3F8FF"
+        }
+    },
+    cornerHeaderStyle: {
+        fontSize: 16,
+        fontWeight: "bold"
+    },
+    bodyStyle: {
+        fontSize: 14,
+        bgColor: getBackgroundColor,
+        hover: {
+            cellBgColor: "#CCE0FF",
+            inlineRowBgColor: "#F3F8FF",
+            inlineColumnBgColor: "#F3F8FF"
+        }
+    },
+    frameStyle: {
+        borderColor: "#E1E4E8",
+        borderLineWidth: 1,
+        borderLineDash: [],
+        roundCornerRadius: 0,
+        shadowBlur: 0,
+        shadowOffsetX: 0,
+        shadowOffsetY: 0,
+        shadowColor: "black"
+    },
+    columnResize: {
+        lineWidth: 1,
+        lineColor: "#416EFF",
+        bgColor: "#D9E2FF",
+        width: 3
+    },
+    frozenColumnLine: {
+        shadow: {
+            width: 3,
+            startColor: "rgba(225, 228, 232, 0.6)",
+            endColor: "rgba(225, 228, 232, 0.6)"
+        }
+    },
+    menuStyle: {
+        color: "#000",
+        highlightColor: "#2E68CF",
+        fontSize: 12,
+        fontFamily: "sans-serif",
+        highlightFont: "12px sans-serif",
+        hoverBgColor: "#EEE"
+    },
+    selectionStyle: {
+        cellBgColor: "rgba(0, 0, 255,0.1)",
+        cellBorderLineWidth: 2,
+        inlineColumnBgColor: "#CCE0FF",
+        inlineRowBgColor: "#CCE0FF",
+        cellBorderColor: "#0000ff"
+    }
+};
+//# sourceMappingURL=DEFAULT.js.map

package/cjs/themes/DEFAULT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["themes/DEFAULT.ts"],"names":[],"mappings":";;AAIA,SAAS,kBAAkB,CAAC,IAA8B;IACxD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAI5B,MAAM,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE;QAChB,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,kBAAe;IACb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,SAAS;KACnB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAC/B;KAOF;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,SAAS;QAOlB,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAC/B;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,kBAAkB;QAC3B,KAAK,EAAE;YAEL,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;YAC3B,mBAAmB,EAAE,SAAS;SAE/B;KAQF;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,EAAE;QAClB,iBAAiB,EAAE,CAAC;QACpB,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,OAAO;KACrB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC;KACT;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,0BAA0B;YACtC,QAAQ,EAAE,0BAA0B;SACrC;KACF;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,SAAS;QACzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,iBAAiB;QAChC,YAAY,EAAE,MAAM;KACrB;IACD,cAAc,EAAE;QACd,WAAW,EAAE,qBAAqB;QAClC,mBAAmB,EAAE,CAAC;QACtB,mBAAmB,EAAE,SAAS;QAC9B,gBAAgB,EAAE,SAAS;QAC3B,eAAe,EAAE,SAAS;KAC3B;CACmB,CAAC","file":"DEFAULT.js","sourcesContent":["/*eslint no-bitwise:0*/\n\nimport type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getBackgroundColor(args: StylePropertyFunctionArg): string {\n  const { row, table } = args;\n  // if (row < table.frozenRowCount) {\n  //   return \"#FFF\";\n  // }\n  const index = row - table.frozenRowCount;\n  if (!(index & 1)) {\n    return '#FAF9FB';\n  }\n  return '#FDFDFD';\n}\n\n/**\n * default theme\n * @name DEFAULT\n * @memberof VTable.themes.DEFAULT\n */\nexport default {\n  underlayBackgroundColor: '#FFF',\n  // selectionBgColor: '#CCE0FF',\n  defaultStyle: {\n    borderColor: '#E1E4E8',\n    color: '#000',\n    bgColor: '#ECF1F5'\n  },\n  headerStyle: {\n    fontSize: 16,\n    fontWeight: 'bold',\n    bgColor: '#ECF1F5',\n    hover: {\n      //   cellBorderColor: \"#003fff\",\n      cellBgColor: '#CCE0FF',\n      inlineRowBgColor: '#F3F8FF',\n      inlineColumnBgColor: '#F3F8FF'\n    }\n    // click: {\n    //   cellBgColor: '#82b2f5',\n    //   // inlineColumnBgColor: \"#82b2f5\",\n    //   cellBorderColor: '#0000ff',\n    //   cellBorderLineWidth: 2, // [0, 1, 3, 1],\n    // },\n  },\n  rowHeaderStyle: {\n    fontSize: 16,\n    fontWeight: 'bold',\n    bgColor: '#ECF1F5',\n    // click: {\n    //   cellBgColor: '#82b2f5',\n    //   // inlineColumnBgColor: \"#82b2f5\",\n    //   cellBorderColor: '#0000ff',\n    //   cellBorderLineWidth: 2, // [0, 1, 3, 1],\n    // },\n    hover: {\n      //   cellBorderColor: \"#003fff\",\n      cellBgColor: '#CCE0FF',\n      inlineRowBgColor: '#F3F8FF',\n      inlineColumnBgColor: '#F3F8FF'\n    }\n  },\n  cornerHeaderStyle: {\n    fontSize: 16,\n    fontWeight: 'bold'\n  },\n  bodyStyle: {\n    fontSize: 14,\n    bgColor: getBackgroundColor,\n    hover: {\n      // cellBorderColor: \"#003fff\",\n      cellBgColor: '#CCE0FF',\n      inlineRowBgColor: '#F3F8FF',\n      inlineColumnBgColor: '#F3F8FF'\n      // cellBorderLineWidth:2\n    }\n    // click: {\n    //   cellBgColor: 'rgba(0, 0, 255,0.1)',\n    //   cellBorderLineWidth: 2,\n    //   inlineColumnBgColor: '#CCE0FF',\n    //   inlineRowBgColor: '#CCE0FF',\n    //   cellBorderColor: '#0000ff',\n    // },\n  },\n  frameStyle: {\n    borderColor: '#E1E4E8',\n    borderLineWidth: 1,\n    borderLineDash: [],\n    roundCornerRadius: 0,\n    shadowBlur: 0,\n    shadowOffsetX: 0,\n    shadowOffsetY: 0,\n    shadowColor: 'black'\n  },\n  columnResize: {\n    lineWidth: 1,\n    lineColor: '#416EFF',\n    bgColor: '#D9E2FF',\n    width: 3\n  },\n  frozenColumnLine: {\n    shadow: {\n      width: 3,\n      startColor: 'rgba(225, 228, 232, 0.6)',\n      endColor: 'rgba(225, 228, 232, 0.6)'\n    }\n  },\n  menuStyle: {\n    color: '#000',\n    highlightColor: '#2E68CF',\n    fontSize: 12,\n    fontFamily: 'sans-serif',\n    highlightFont: '12px sans-serif',\n    hoverBgColor: '#EEE'\n  },\n  selectionStyle: {\n    cellBgColor: 'rgba(0, 0, 255,0.1)',\n    cellBorderLineWidth: 2,\n    inlineColumnBgColor: '#CCE0FF',\n    inlineRowBgColor: '#CCE0FF',\n    cellBorderColor: '#0000ff'\n  }\n} as ITableThemeDefine;\n"]}

package/cjs/themes/SIMPLIFY.d.ts

@@ -0,0 +1,3 @@
+import type { ITableThemeDefine } from '../ts-types';
+declare const _default: ITableThemeDefine;
+export default _default;

package/cjs/themes/SIMPLIFY.js

@@ -0,0 +1,46 @@
+"use strict";
+
+function getFrozenRowsBorderColor(args) {
+    const {row: row, table: {frozenRowCount: frozenRowCount}} = args;
+    return frozenRowCount - 1 === row ? [ "#f2f2f2", "#f2f2f2", "#ccc7c7", "#f2f2f2" ] : [ "#f2f2f2" ];
+}
+
+function getBorderColor(args) {
+    const {col: col, table: table} = args, {colCount: colCount, frozenColCount: frozenColCount} = table, top = "#ccc7c7";
+    return frozenColCount - 1 === col || colCount - 1 === col ? [ top, "#f2f2f2", "#ccc7c7", null ] : [ top, null, "#ccc7c7", null ];
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.default = {
+    underlayBackgroundColor: "#FFF",
+    defaultStyle: {
+        borderColor: getBorderColor,
+        hover: {
+            cellBorderColor: "#0000FF",
+            cellBgColor: "#D0E0E3"
+        },
+        bgColor: "#FFF"
+    },
+    headerStyle: {
+        color: "rgba(0, 0, 0, 0.87)",
+        borderColor: getFrozenRowsBorderColor
+    },
+    bodyStyle: {
+        color: "rgba(0, 0, 0, 0.87)"
+    },
+    frameStyle: {
+        borderColor: "#f2f2f2",
+        borderLineWidth: 1
+    },
+    columnResize: {
+        lineWidth: 1,
+        lineColor: "#416EFF",
+        bgColor: "#D9E2FF"
+    },
+    selectionStyle: {
+        cellBorderColor: "#FD5",
+        cellBgColor: "#6FA8DC"
+    }
+};
+//# sourceMappingURL=SIMPLIFY.js.map

package/cjs/themes/SIMPLIFY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["themes/SIMPLIFY.ts"],"names":[],"mappings":";;AAIA,SAAS,wBAAwB,CAAC,IAA8B;IAC9D,MAAM,EACJ,GAAG,EACH,KAAK,EAAE,EAAE,cAAc,EAAE,EAC1B,GAAG,IAAI,CAAC;IACT,IAAI,cAAc,GAAG,CAAC,KAAK,GAAG,EAAE;QAC9B,OAAO,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;KACrD;IACD,OAAO,CAAC,SAAS,CAAC,CAAC;AACrB,CAAC;AACD,SAAS,cAAc,CAAC,IAA8B;IACpD,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,GAAG,GAAkB,SAAS,CAAC;IACrC,MAAM,MAAM,GAAkB,SAAS,CAAC;IAWxC,IAAI,cAAc,GAAG,CAAC,KAAK,GAAG,EAAE;QAC9B,OAAO,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;KACvC;IACD,IAAI,QAAQ,GAAG,CAAC,KAAK,GAAG,EAAE;QACxB,OAAO,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;KACvC;IAED,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;AACnC,CAAC;AAMD,kBAAe;IAEb,uBAAuB,EAAE,MAAM;IAE/B,YAAY,EAAE;QACZ,WAAW,EAAE,cAAc;QAE3B,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE;QAC7D,OAAO,EAAE,MAAM;KAChB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,qBAAqB;QAC5B,WAAW,EAAE,wBAAwB;KACtC;IACD,SAAS,EAAE;QAET,KAAK,EAAE,qBAAqB;KAC7B;IACD,UAAU,EAAE;QACV,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,CAAC;KACnB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;KACnB;IACD,cAAc,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE;CAC/C,CAAC","file":"SIMPLIFY.js","sourcesContent":["/*eslint no-bitwise:0*/\n\nimport type { ITableThemeDefine, StylePropertyFunctionArg } from '../ts-types';\n\nfunction getFrozenRowsBorderColor(args: StylePropertyFunctionArg): string[] {\n  const {\n    row,\n    table: { frozenRowCount }\n  } = args;\n  if (frozenRowCount - 1 === row) {\n    return ['#f2f2f2', '#f2f2f2', '#ccc7c7', '#f2f2f2'];\n  }\n  return ['#f2f2f2'];\n}\nfunction getBorderColor(args: StylePropertyFunctionArg): (string | null)[] {\n  const { col, table } = args;\n  const { colCount, frozenColCount } = table;\n  const top: string | null = '#ccc7c7';\n  const bottom: string | null = '#ccc7c7';\n  // if (recordRowCount > 1) {\n  //   const startRow = table.getRecordStartRowByRecordIndex(row);\n  //   const endRow = startRow + recordRowCount - 1;\n  //   if (startRow !== row) {\n  //     top = null;\n  //   }\n  //   if (endRow !== row) {\n  //     bottom = null;\n  //   }\n  // }\n  if (frozenColCount - 1 === col) {\n    return [top, '#f2f2f2', bottom, null];\n  }\n  if (colCount - 1 === col) {\n    return [top, '#f2f2f2', bottom, null];\n  }\n\n  return [top, null, bottom, null];\n}\n/**\n * material design theme\n * @name SIMPLIFY\n * @memberof VTable.themes.choices\n */\nexport default {\n  // selectionBgColor: '#CCE0FF',\n  underlayBackgroundColor: '#FFF',\n\n  defaultStyle: {\n    borderColor: getBorderColor,\n    // click: { cellBorderColor: '#FD5', cellBgColor: '#6FA8DC' },\n    hover: { cellBorderColor: '#0000FF', cellBgColor: '#D0E0E3' },\n    bgColor: '#FFF'\n  },\n  headerStyle: {\n    color: 'rgba(0, 0, 0, 0.87)',\n    borderColor: getFrozenRowsBorderColor\n  },\n  bodyStyle: {\n    // rowsBgColor:'#FFF',\n    color: 'rgba(0, 0, 0, 0.87)'\n  },\n  frameStyle: {\n    borderColor: '#f2f2f2',\n    borderLineWidth: 1\n  },\n  columnResize: {\n    lineWidth: 1,\n    lineColor: '#416EFF',\n    bgColor: '#D9E2FF'\n  },\n  selectionStyle: { cellBorderColor: '#FD5', cellBgColor: '#6FA8DC' }\n} as ITableThemeDefine;\n"]}

package/cjs/themes/theme.d.ts

@@ -0,0 +1,34 @@
+import type { ITableThemeDefine, PartialTableThemeDefine, RequiredTableThemeDefine } from '../ts-types';
+export declare class TableTheme implements ITableThemeDefine {
+    private internalTheme;
+    private _defaultStyle;
+    private _header;
+    private _cornerHeader;
+    private _rowHeader;
+    private _body;
+    private _scroll;
+    private _tooltip;
+    private _frameStyle;
+    private _columnResizer;
+    private _dragHeaderSplitLine;
+    private _frozenColumnLine;
+    private _selectionStyle;
+    constructor(obj: PartialTableThemeDefine | ITableThemeDefine, superTheme: ITableThemeDefine);
+    get font(): string;
+    get underlayBackgroundColor(): string;
+    get defaultStyle(): RequiredTableThemeDefine['defaultStyle'];
+    get headerStyle(): ITableThemeDefine['headerStyle'];
+    get cornerHeaderStyle(): ITableThemeDefine['cornerHeaderStyle'];
+    get rowHeaderStyle(): ITableThemeDefine['rowHeaderStyle'];
+    get bodyStyle(): ITableThemeDefine['bodyStyle'];
+    get frameStyle(): ITableThemeDefine['frameStyle'];
+    get scrollStyle(): ITableThemeDefine['scrollStyle'];
+    get tooltipStyle(): ITableThemeDefine['tooltipStyle'];
+    get columnResize(): RequiredTableThemeDefine['columnResize'];
+    get dragHeaderSplitLine(): RequiredTableThemeDefine['dragHeaderSplitLine'];
+    get frozenColumnLine(): RequiredTableThemeDefine['frozenColumnLine'];
+    get selectionStyle(): RequiredTableThemeDefine['selectionStyle'];
+    hasProperty(names: string[]): boolean;
+    extends(obj: PartialTableThemeDefine): TableTheme;
+    private getStyle;
+}