@nokecy/qc-ui-components 0.0.0-stage → 2.0.0-beta.0

package/dist/esm/shared/selectValueType.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+type SelectRawValue = string | number;
+interface SelectLabeledValue {
+    key?: string;
+    value: SelectRawValue;
+    label: ReactNode;
+}
+/** 与 antd Select 的值形状一致；antd 未从根入口公开 SelectValue,此处自维护。 */
+export type SelectValue = SelectRawValue | SelectRawValue[] | SelectLabeledValue | SelectLabeledValue[] | undefined;
+export {};

package/dist/esm/shared/selectValueType.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/toolBar/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+/** 详情、表单共用工具栏：按实际操作元素统一留出间距，宽度不足时换行。@author nokecy */
+declare const ToolBar: (props: any) => React.JSX.Element;
+export default ToolBar;

package/dist/esm/toolBar/index.js

@@ -0,0 +1,113 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "className", "extra", "identity", "banner", "style", "renderContent", "getTargetContainer"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
+import { Affix, theme } from 'antd';
+import "./index.less";
+
+/** 详情、表单共用工具栏：按实际操作元素统一留出间距，宽度不足时换行。@author nokecy */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ToolBar = function ToolBar(props) {
+  var children = props.children,
+    className = props.className,
+    extra = props.extra,
+    identity = props.identity,
+    banner = props.banner,
+    style = props.style,
+    renderContent = props.renderContent,
+    getTargetContainer = props.getTargetContainer,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token; // 单据操作栏跟随宿主主题。@author nokecy
+  var barRef = useRef(null);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    barHeight = _useState2[0],
+    setBarHeight = _useState2[1];
+  /** 吸顶后 Affix 的占位会固定高度，动态提示及按钮换行仍须按内容重新占位。@author nokecy */
+  var measureHeight = useCallback(function () {
+    var _barRef$current;
+    var height = (_barRef$current = barRef.current) === null || _barRef$current === void 0 ? void 0 : _barRef$current.getBoundingClientRect().height;
+    // KeepAlive 隐藏页的零高度不能冲掉有效占位。@author nokecy
+    if (height && height > 0) setBarHeight(function (previous) {
+      return previous === Math.ceil(height) ? previous : Math.ceil(height);
+    });
+  }, []);
+  useLayoutEffect(function () {
+    measureHeight();
+  });
+  useLayoutEffect(function () {
+    var bar = barRef.current;
+    if (!bar) return;
+    if (typeof ResizeObserver !== 'undefined') {
+      var observer = new ResizeObserver(measureHeight);
+      observer.observe(bar);
+      return function () {
+        return observer.disconnect();
+      };
+    }
+    window.addEventListener('resize', measureHeight);
+    return function () {
+      return window.removeEventListener('resize', measureHeight);
+    };
+  }, [measureHeight]);
+  // @author nokecy：KeepAlive 内容区独立滚动，吸顶应相对其视口，避免定位到应用顶栏下面。
+  var defaultTarget = useCallback(function () {
+    var _barRef$current$paren, _barRef$current2;
+    var parent = (_barRef$current$paren = (_barRef$current2 = barRef.current) === null || _barRef$current2 === void 0 ? void 0 : _barRef$current2.parentElement) !== null && _barRef$current$paren !== void 0 ? _barRef$current$paren : null;
+    while (parent) {
+      if (/auto|scroll/.test(getComputedStyle(parent).overflowY)) return parent;
+      parent = parent.parentElement;
+    }
+    return window;
+  }, []);
+  return /*#__PURE__*/_jsx(Affix, {
+    offsetTop: 2,
+    style: _objectSpread(_objectSpread({}, style), barHeight === undefined ? {} : {
+      height: barHeight
+    }),
+    offsetBottom: 2,
+    target: getTargetContainer || defaultTarget,
+    children: /*#__PURE__*/_jsxs("div", {
+      ref: barRef,
+      className: "antd-tool-bar",
+      style: {
+        backgroundColor: token.colorBgContainer,
+        color: token.colorText,
+        borderBlockStartColor: token.colorBorderSecondary,
+        gap: token.marginXS,
+        paddingBlock: token.paddingXXS
+      },
+      children: [banner && /*#__PURE__*/_jsx("div", {
+        className: "antd-tool-bar-banner",
+        children: banner
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "antd-tool-bar-left",
+        style: {
+          gap: token.marginXS
+        },
+        children: [extra, identity]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "antd-tool-bar-right",
+        style: {
+          gap: token.marginXS
+        },
+        children: children
+      })]
+    })
+  });
+};
+export default ToolBar;

package/dist/esm/toolBar/index.less

@@ -0,0 +1,43 @@
+.antd-tool-bar {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	box-sizing: border-box;
+	width: 100%;
+	line-height: 40px;
+	backdrop-filter: blur(8px);
+	backdrop-filter: blur(8px);
+	transition: all 0.2s ease 0s;
+	inset-inline-end: 0;
+	padding-inline: 16px;
+	padding-block: 0;
+	// 颜色由组件读取主题 token；子区域继承正文色。
+	border-block-start: 1px solid;
+}
+
+.antd-tool-bar-banner {
+	flex: 1 0 100%;
+	min-width: 0;
+	line-height: normal;
+}
+
+.antd-tool-bar-left {
+	flex: 1 0 auto;
+	color: inherit;
+}
+
+.antd-tool-bar-right {
+	margin-inline-start: auto;
+	justify-content: flex-end;
+    color: inherit;
+}
+
+/* 直接排列组件输出的按钮，React Fragment 内的按钮也获得相同间距。@author nokecy */
+.antd-tool-bar-left,
+.antd-tool-bar-right {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	min-width: 0;
+	max-width: 100%;
+}

package/dist/esm/type.d.ts

@@ -0,0 +1 @@
+declare module 'react-grid-layout';

package/dist/esm/types/railroad-diagram-types.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Portable public shapes for railroad-diagrams. No runtime implementation.
+ * Project: https://github.com/tabatkins/railroad-diagrams
+ */
+export declare class Diagram {
+    constructor(children: DiagramNode[]);
+    toSVG(): SVGElement;
+    toString(): string;
+}
+export declare class ComplexDiagram extends Diagram {
+}
+export declare class Sequence {
+    constructor(children: DiagramNode[]);
+}
+export declare class Choice {
+    constructor(defaultIndex: number, children: DiagramNode[]);
+}
+export declare class Optional {
+    constructor(child: DiagramNode, skip?: 'skip');
+}
+export declare class OneOrMore {
+    constructor(child: DiagramNode, repeat?: DiagramNode);
+}
+export declare class ZeroOrMore {
+    constructor(child: DiagramNode, repeat?: DiagramNode, skip?: 'skip');
+}
+export declare class Terminal {
+    constructor(text: string);
+}
+export declare class NonTerminal {
+    constructor(text: string);
+}
+export declare class Comment {
+    constructor(text: string);
+}
+export declare class Skip {
+}
+export type DiagramNode = Sequence | Choice | Optional | OneOrMore | ZeroOrMore | Terminal | NonTerminal | Comment | Skip;

package/dist/esm/types/railroad-diagram-types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/railroad-diagrams.d.ts

@@ -0,0 +1,26 @@
+/** Type bridge for the untyped railroad-diagrams runtime dependency. */
+declare module 'railroad-diagrams' {
+  export const Diagram: typeof import('./railroad-diagram-types').Diagram;
+  export type Diagram = import('./railroad-diagram-types').Diagram;
+  export const ComplexDiagram: typeof import('./railroad-diagram-types').ComplexDiagram;
+  export type ComplexDiagram = import('./railroad-diagram-types').ComplexDiagram;
+  export const Sequence: typeof import('./railroad-diagram-types').Sequence;
+  export type Sequence = import('./railroad-diagram-types').Sequence;
+  export const Choice: typeof import('./railroad-diagram-types').Choice;
+  export type Choice = import('./railroad-diagram-types').Choice;
+  export const Optional: typeof import('./railroad-diagram-types').Optional;
+  export type Optional = import('./railroad-diagram-types').Optional;
+  export const OneOrMore: typeof import('./railroad-diagram-types').OneOrMore;
+  export type OneOrMore = import('./railroad-diagram-types').OneOrMore;
+  export const ZeroOrMore: typeof import('./railroad-diagram-types').ZeroOrMore;
+  export type ZeroOrMore = import('./railroad-diagram-types').ZeroOrMore;
+  export const Terminal: typeof import('./railroad-diagram-types').Terminal;
+  export type Terminal = import('./railroad-diagram-types').Terminal;
+  export const NonTerminal: typeof import('./railroad-diagram-types').NonTerminal;
+  export type NonTerminal = import('./railroad-diagram-types').NonTerminal;
+  export const Comment: typeof import('./railroad-diagram-types').Comment;
+  export type Comment = import('./railroad-diagram-types').Comment;
+  export const Skip: typeof import('./railroad-diagram-types').Skip;
+  export type Skip = import('./railroad-diagram-types').Skip;
+  export type DiagramNode = import('./railroad-diagram-types').DiagramNode;
+}

package/dist/esm/types/regexp-tree-ast.d.ts

@@ -0,0 +1,112 @@
+/**
+ * Portable AST types used by QC_UI and the regexp-tree runtime bridge.
+ * @see https://github.com/DmitrySoshnikov/regexp-tree
+ */
+export interface AstClassMap {
+    'RegExp': AstRegExp;
+    'Disjunction': Disjunction;
+    'Alternative': Alternative;
+    'Assertion': Assertion;
+    'Char': Char;
+    'CharacterClass': CharacterClass;
+    'ClassRange': ClassRange;
+    'Backreference': Backreference;
+    'Group': Group;
+    'Repetition': Repetition;
+    'Quantifier': Quantifier;
+}
+export type AstClass = keyof AstClassMap;
+export type AstNode = AstClassMap[AstClass];
+export type AstNodeLocation = {
+    line: number;
+    column: number;
+    offset: number;
+};
+export interface Base<T extends AstClass> {
+    type: T;
+    loc?: {
+        source: string;
+        start: AstNodeLocation;
+        end: AstNodeLocation;
+    };
+}
+export interface SimpleChar extends Base<'Char'> {
+    value: string;
+    kind: 'simple';
+    escaped?: true;
+    codePoint: number;
+}
+export interface SpecialChar extends Base<'Char'> {
+    value: string;
+    kind: 'meta' | 'control' | 'hex' | 'decimal' | 'oct' | 'unicode';
+    codePoint: number;
+}
+export type Char = SimpleChar | SpecialChar;
+export interface ClassRange extends Base<'ClassRange'> {
+    from: Char;
+    to: Char;
+}
+export interface CharacterClass extends Base<'CharacterClass'> {
+    negative?: true;
+    expressions: (Char | ClassRange)[];
+}
+export interface Alternative extends Base<'Alternative'> {
+    expressions: Expression[];
+}
+export interface Disjunction extends Base<'Disjunction'> {
+    left: Expression | null;
+    right: Expression | null;
+}
+export interface CapturingGroup extends Base<'Group'> {
+    capturing: true;
+    number: number;
+    name?: string;
+    nameRaw?: string;
+    expression: Expression | null;
+}
+export interface NoncapturingGroup extends Base<'Group'> {
+    capturing: false;
+    expression: Expression | null;
+}
+export type Group = CapturingGroup | NoncapturingGroup;
+export interface NumericBackreference extends Base<'Backreference'> {
+    kind: 'number';
+    number: number;
+    reference: number;
+}
+export interface NamedBackreference extends Base<'Backreference'> {
+    kind: 'name';
+    number: number;
+    reference: string;
+    referenceRaw: string;
+}
+export type Backreference = NumericBackreference | NamedBackreference;
+export interface Repetition extends Base<'Repetition'> {
+    expression: Expression;
+    quantifier: Quantifier;
+}
+export interface SimpleQuantifier extends Base<'Quantifier'> {
+    kind: '+' | '*' | '?';
+    greedy: boolean;
+}
+export interface RangeQuantifier extends Base<'Quantifier'> {
+    kind: 'Range';
+    from: number;
+    to?: number;
+    greedy: boolean;
+}
+export type Quantifier = SimpleQuantifier | RangeQuantifier;
+export interface SimpleAssertion extends Base<'Assertion'> {
+    kind: '^' | '$' | '\\b' | '\\B';
+}
+export interface LookaroundAssertion extends Base<'Assertion'> {
+    kind: 'Lookahead' | 'Lookbehind';
+    negative?: true;
+    assertion: Expression | null;
+}
+export type Assertion = SimpleAssertion | LookaroundAssertion;
+export type Expression = Char | CharacterClass | Alternative | Disjunction | Group | Backreference | Repetition | Assertion;
+export interface AstRegExp extends Base<'RegExp'> {
+    body: Expression | null;
+    flags: string;
+}

package/dist/esm/types/regexp-tree-ast.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/regexp-tree.d.ts

@@ -0,0 +1,13 @@
+/** Type bridge for the untyped regexp-tree runtime dependency. */
+declare module 'regexp-tree' {
+  export type AstNode = import('./regexp-tree-ast').AstNode;
+  export type AstRegExp = import('./regexp-tree-ast').AstRegExp;
+
+  export interface ParserOptions {
+    captureLocations?: boolean;
+    allowGroupNameDuplicates?: boolean;
+  }
+
+  export function parse(pattern: string, options?: ParserOptions): AstRegExp;
+  export function traverse(ast: AstNode, handlers: Record<string, (path: any) => void>): void;
+}

package/package.json

@@ -1,6 +1,97 @@
 {
   "name": "@nokecy/qc-ui-components",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "2.0.0-beta.0",
+  "description": "QC_UI backend-neutral React components",
+  "license": "MIT",
+  "private": false,
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./package.json": "./package.json",
+    "./dist/*": "./dist/*",
+    "./*": {
+      "types": "./dist/esm/*.d.ts",
+      "import": "./dist/esm/*.js",
+      "require": "./dist/cjs/*.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "dist/*": [
+        "dist/*"
+      ],
+      "*": [
+        "dist/esm/*"
+      ]
+    }
+  },
+  "sideEffects": [
+    "**/*.less",
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "LICENSE*",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "cd ../.. && node scripts/build/library.mjs --only @nokecy/qc-ui-components",
+    "typecheck": "tsc --noEmit -p tsconfig.json"
+  },
+  "dependencies": {
+    "@ant-design/cssinjs": "^2.1.2",
+    "@codemirror/lang-javascript": "6.2.5",
+    "@codemirror/state": "6.7.6",
+    "@codemirror/view": "6.43.14",
+    "@nokecy/formily-antd": "1.2.4",
+    "@nokecy/formily-core": "2.3.7",
+    "@nokecy/formily-json-schema": "2.3.7",
+    "@nokecy/formily-react": "2.3.7",
+    "@nokecy/formily-reactive": "2.3.7",
+    "@nokecy/formily-shared": "2.3.7",
+    "@rc-component/util": "1.14.0",
+    "@react-querybuilder/antd": "6.5.5",
+    "@react-querybuilder/dnd": "6.5.5",
+    "@uiw/react-codemirror": "4.25.12",
+    "ahooks": "3.10.0",
+    "classnames": "2.5.1",
+    "dayjs": "1.11.23",
+    "decimal.js": "10.6.0",
+    "gridify-client": "2.2.0",
+    "lodash": "4.18.1",
+    "lodash-es": "4.18.1",
+    "railroad-diagrams": "^1.0.0",
+    "react-dnd": "16.0.1",
+    "react-dnd-html5-backend": "16.0.1",
+    "react-draggable": "4.7.2",
+    "react-grid-layout": "1.5.4",
+    "react-keyevent": "1.1.0",
+    "react-querybuilder": "6.5.5",
+    "regexp-tree": "^0.1.27",
+    "uuid": "^13.0.0"
+  },
+  "peerDependencies": {
+    "@ag-grid-community/locale": "^33.0.0",
+    "@ant-design/icons": "^6.3.4",
+    "ag-grid-community": "^33.0.0",
+    "ag-grid-enterprise": "^33.0.0",
+    "ag-grid-react": "^33.0.0",
+    "antd": "^6.6.6",
+    "react": ">=19.0.0 <20",
+    "react-dom": ">=19.0.0 <20"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://cnb.cool/qc_software/QC_UI.git",
+    "directory": "packages/components"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.