@pisell/materials 2.2.47 → 2.2.49

package/lib/components/appVersionControl/index.js

@@ -0,0 +1,188 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appVersionControl/index.tsx
+var appVersionControl_exports = {};
+__export(appVersionControl_exports, {
+  default: () => appVersionControl_default
+});
+module.exports = __toCommonJS(appVersionControl_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_button = __toESM(require("../button"));
+var import_pisellCard = __toESM(require("../pisellCard"));
+var import_pisellModal = __toESM(require("../pisellModal"));
+var import_pisellAvatar = __toESM(require("../pisellAvatar"));
+var import_icon = __toESM(require("../icon"));
+var import_versionModal = __toESM(require("../versionModal"));
+var import_versionSelect = __toESM(require("../versionSelect"));
+var import_pisellToast = __toESM(require("../pisellToast"));
+var import_locales = require("../../locales");
+var import_utils = require("./utils");
+var import_index = require("./index.less");
+var AppVersionControl = (props) => {
+  const {
+    value,
+    versions = [],
+    onVersionChange,
+    onCreateVersion,
+    onPromoteToLive,
+    className,
+    style,
+    allowPublish = true,
+    allowCreate = true
+  } = props;
+  const [promoteLoading, setPromoteLoading] = (0, import_react.useState)(false);
+  const [promoteToLiveModal, setPromoteToLiveModal] = (0, import_react.useState)(false);
+  const [publishVersionModal, setPublishVersionModal] = (0, import_react.useState)(false);
+  const [publishLoading, setPublishLoading] = (0, import_react.useState)(false);
+  const currentVersion = (0, import_react.useMemo)(() => {
+    return versions.find((v) => v.value === value);
+  }, [value, versions]);
+  const maxVersion = (0, import_react.useMemo)(() => {
+    return (0, import_utils.getMaxVersion)(versions.map((v) => v.version));
+  }, [versions]);
+  const handlePromoteToLive = async () => {
+    setPromoteLoading(true);
+    try {
+      await (onPromoteToLive == null ? void 0 : onPromoteToLive(value, currentVersion));
+      setPromoteToLiveModal(false);
+    } catch (error) {
+      console.error("Failed to promote version:", error);
+    } finally {
+      setPromoteLoading(false);
+    }
+  };
+  const handlePublishVersion = async (data) => {
+    setPublishLoading(true);
+    if (data.versionType === "custom") {
+      const version = versions.find((v) => v.version === data.version);
+      if (version) {
+        setPublishLoading(false);
+        return (0, import_pisellToast.default)({
+          content: (0, import_locales.getText)("pisell-lowcode-app-version-control-version-exists")
+        });
+      }
+    }
+    try {
+      await (onCreateVersion == null ? void 0 : onCreateVersion({
+        version: data.version,
+        baseVersion: data.baseVersion || ""
+      }));
+      setPublishVersionModal(false);
+    } catch (error) {
+      console.error("Failed to create version:", error);
+    } finally {
+      setPublishLoading(false);
+    }
+  };
+  const handleVersionChange = (value2) => {
+    const version = versions.find((v) => v.value === value2);
+    onVersionChange == null ? void 0 : onVersionChange(value2, version);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_pisellCard.default,
+    {
+      className: (0, import_classnames.default)("pisell-lowcode-app-version-control", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_pisellAvatar.default,
+      {
+        size: "xl",
+        shape: "square",
+        borderRadius: 10,
+        useTextAvatar: true,
+        className: "pisell-lowcode-app-version-control-avatar",
+        src: currentVersion == null ? void 0 : currentVersion.avatar
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_icon.default,
+        {
+          type: "pisell2-container",
+          className: "pisell-lowcode-app-version-control-avatar-icon"
+        }
+      )
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-version-control-title" }, (currentVersion == null ? void 0 : currentVersion.name) || ""),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_versionSelect.default,
+      {
+        versions,
+        value,
+        onChange: handleVersionChange
+      }
+    ),
+    allowCreate && /* @__PURE__ */ import_react.default.createElement(
+      import_button.default,
+      {
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-plus" }),
+        block: true,
+        size: "large",
+        onClick: () => setPublishVersionModal(true)
+      },
+      (0, import_locales.getText)("pisell-lowcode-app-version-control-new-version")
+    ),
+    allowPublish && (currentVersion == null ? void 0 : currentVersion.status) !== "live" && /* @__PURE__ */ import_react.default.createElement(
+      import_button.default,
+      {
+        type: "primary",
+        block: true,
+        size: "large",
+        onClick: () => setPromoteToLiveModal(true)
+      },
+      (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-to-live")
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_pisellModal.default.Information,
+    {
+      open: promoteToLiveModal,
+      title: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version")(currentVersion == null ? void 0 : currentVersion.version),
+      describe: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-describe"),
+      okText: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-ok"),
+      cancelText: (0, import_locales.getText)("pisell-lowcode-app-version-control-promote-version-cancel"),
+      onOk: handlePromoteToLive,
+      confirmLoading: promoteLoading,
+      onCancel: () => setPromoteToLiveModal(false)
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_versionModal.default,
+    {
+      currentVersion: maxVersion || "",
+      visible: publishVersionModal,
+      onCancel: () => setPublishVersionModal(false),
+      onConfirm: handlePublishVersion,
+      isShowNote: false,
+      confirmLoading: publishLoading,
+      versions,
+      isShowBasedOn: true,
+      isValidateVersion: false
+    }
+  ));
+};
+var appVersionControl_default = AppVersionControl;

package/lib/components/appVersionControl/index.less

@@ -0,0 +1,35 @@
+.pisell-lowcode-app-version-control {
+  background-color: #fff;
+  cursor: default;
+  .pisell-lowcode-card-body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    padding: 12px !important;
+    &::after {
+      display: none;
+    }
+    .pisell-lowcode-app-version-control-avatar {
+      display: flex;
+      .pisell-lowcode-avatar-string {
+        display: flex;
+      }
+    }
+
+    .pisell-lowcode-app-version-control-avatar-icon {
+      font-size: 32px !important;
+    }
+  }
+  .pisell-lowcode-app-version-control-title {
+    color: var(--Gray-900, #101828);
+    text-align: center;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px; /* 150% */
+  }
+  &:hover {
+    background: #fff !important;
+  }
+}

package/lib/components/appVersionControl/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    name: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+export interface AppVersionControlProps {
+    value: string;
+    versions: Version[];
+    onVersionChange: (value: string, version: Version) => void;
+    onCreateVersion: (detail: {
+        version: string;
+        baseVersion: string;
+    }) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
+    allowPublish?: boolean;
+    allowCreate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/lib/components/appVersionControl/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appVersionControl/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/appVersionControl/utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 比较两个版本号
+ * @param version1 版本号1
+ * @param version2 版本号2
+ * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
+ */
+export declare const compareVersions: (version1: string, version2: string) => number;
+/**
+ * 从版本号列表中获取最大版本号
+ * @param versions 版本号列表
+ * @returns 最大的版本号，如果列表为空返回undefined
+ */
+export declare const getMaxVersion: (versions: string[]) => string | undefined;

package/lib/components/appVersionControl/utils.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appVersionControl/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  compareVersions: () => compareVersions,
+  getMaxVersion: () => getMaxVersion
+});
+module.exports = __toCommonJS(utils_exports);
+var compareVersions = (version1, version2) => {
+  const v1Parts = version1.split(".").map(Number);
+  const v2Parts = version2.split(".").map(Number);
+  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+    const v1Part = v1Parts[i] || 0;
+    const v2Part = v2Parts[i] || 0;
+    if (v1Part > v2Part)
+      return 1;
+    if (v1Part < v2Part)
+      return -1;
+  }
+  return 0;
+};
+var getMaxVersion = (versions) => {
+  if (!versions || versions.length === 0)
+    return void 0;
+  return versions.reduce((max, current) => {
+    if (!max)
+      return current;
+    return compareVersions(current, max) > 0 ? current : max;
+  }, versions[0]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compareVersions,
+  getMaxVersion
+});

package/lib/components/auto-complete-number/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;
@@ -6,5 +6,5 @@ interface AutoCompleteNumberProps {
     value?: any;
     onChange?: any;
 }
-declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => React.JSX.Element;
+declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => JSX.Element;
 export default AutoCompleteNumber;

package/lib/components/badge/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BadgeProps as OriginalBadgeprops } from 'antd';
+import './index.less';
+export interface Badgeprops extends OriginalBadgeprops {
+    styleType: 'default' | 'warning';
+}
+declare const Badge: (props: any) => JSX.Element;
+export default Badge;

package/lib/components/badge/index.js

@@ -0,0 +1,70 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/badge/index.tsx
+var badge_exports = {};
+__export(badge_exports, {
+  default: () => badge_default
+});
+module.exports = __toCommonJS(badge_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_hoc = require("../../utils/hoc");
+var import_index = require("./index.less");
+var Badge = (0, import_hoc.withWrap)((props) => {
+  const { styleType = "", color = "" } = props;
+  let state = props;
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const formatColor = (color2 = "") => {
+    let newColor = color2;
+    if (styleType === "default") {
+      newColor = "#f6f7f9";
+    } else if (styleType === "warning") {
+      newColor = "#D92D20";
+    }
+    return newColor;
+  };
+  const BadgeProps = {
+    ...state,
+    className: "pisell-badge-wrap",
+    color: formatColor(color)
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Badge,
+    {
+      ...BadgeProps,
+      style: {
+        borderColor: styleType === "default" ? "#e7e9ed" : state.color,
+        color: styleType === "default" ? "#344054" : "#fff"
+      }
+    }
+  );
+});
+var badge_default = Badge;

package/lib/components/badge/index.less

@@ -0,0 +1,2 @@
+.pisell-badge-wrap {
+}

package/lib/components/batch-editor/fields/Image/index.d.ts

@@ -3,5 +3,5 @@ export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
     value?: string;
 }
 import "./index.less";
-declare const Image: (props: ImageProps) => React.JSX.Element | null;
+declare const Image: (props: ImageProps) => JSX.Element | null;
 export default Image;

package/lib/components/batch-editor/fields/Text/index.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-declare const Text: (props: TextProps) => React.JSX.Element;
+declare const Text: (props: TextProps) => JSX.Element;
 export default Text;

package/lib/components/batch-editor/fields/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
-    image: (props: import("./Image").ImageProps) => import("react").JSX.Element | null;
-    text: (props: import("./Text").TextProps) => import("react").JSX.Element;
+    image: (props: import("./Image").ImageProps) => JSX.Element | null;
+    text: (props: import("./Text").TextProps) => JSX.Element;
 };
 export default _default;

package/lib/components/batch-editor/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];
@@ -7,5 +7,5 @@ interface BatchEditorProps {
     rowKey: string;
     otherTableProps: any;
 }
-declare const BatchEditor: (props: BatchEditorProps) => React.JSX.Element;
+declare const BatchEditor: (props: BatchEditorProps) => JSX.Element;
 export default BatchEditor;

package/lib/components/browserSelect/index.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.less";
+interface Option {
+    label: React.ReactNode;
+    value: string | number;
+}
+interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'onChange'> {
+    options: Option[];
+    value?: string | number;
+    onChange?: (value: string | number, option: Option) => void;
+}
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
+export default BrowserSelect;

package/lib/components/browserSelect/index.js

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/browserSelect/index.tsx
+var browserSelect_exports = {};
+__export(browserSelect_exports, {
+  default: () => browserSelect_default
+});
+module.exports = __toCommonJS(browserSelect_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_index = require("./index.less");
+var BrowserSelect = (props) => {
+  const { options, onChange, value, style, ...resetProps } = props;
+  const _options = (0, import_react.useMemo)(() => {
+    return (options || []).map((d) => {
+      return /* @__PURE__ */ import_react.default.createElement("option", { value: d.value, key: d.value }, d.label);
+    });
+  }, [options]);
+  const handleChange = (e) => {
+    e.persist();
+    const selectedValue = e.target.value;
+    const selectedOption = options.find((opt) => String(opt.value) === selectedValue);
+    if (selectedOption) {
+      onChange == null ? void 0 : onChange(selectedOption.value, selectedOption);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-browser-select-wrapper", style: { ...style } }, /* @__PURE__ */ import_react.default.createElement(
+    "select",
+    {
+      ...resetProps,
+      value,
+      className: (0, import_classnames.default)("pisell-date-picker-pisell-browser-select", resetProps.className),
+      onChange: handleChange
+    },
+    _options
+  ), /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, { className: "browser-select-icon" }));
+};
+var browserSelect_default = BrowserSelect;

package/lib/components/browserSelect/index.less

@@ -0,0 +1,64 @@
+.pisell-browser-select-wrapper {
+  position: relative;
+  width: 100%;
+  display: inline-block;
+
+  .browser-select-icon {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #D0D5DD;
+    pointer-events: none;
+    font-size: 16px;
+  }
+
+  .pisell-date-picker-pisell-browser-select {
+    padding: 10px 16px;
+    padding-right: 30px;
+    border-radius: 8px;
+    background-color: #fff;
+    color: var(--Gray-true-900, #141414);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    border: 1px solid var(--Gray-300, #D0D5DD);
+    cursor: pointer;
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    width: 100%;
+
+    &:hover {
+      border-color: var(--theme-color, #7F56D9);
+      & + .browser-select-icon {
+        color: var(--theme-color, #7F56D9);
+      }
+    }
+
+    &:focus {
+      border-color: var(--theme-color, #7F56D9);
+      box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
+      outline: none;
+      & + .browser-select-icon {
+        color: var(--theme-color, #7F56D9);
+      }
+    }
+
+    &:active {
+      border-color: var(--theme-color, #7F56D9);
+    }
+
+    &:disabled {
+      background-color: rgba(0, 0, 0, 0.04);
+      border-color: #d9d9d9;
+      cursor: not-allowed;
+      color: rgba(0, 0, 0, 0.25);
+      & + .browser-select-icon {
+        color: rgba(0, 0, 0, 0.25);
+      }
+    }
+  }
+
+}
+

package/lib/components/buttonGroupEdit/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonGroupListItemProps } from './../buttonGroupPreview';
+interface ButtonGroupEditProps {
+    buttonList: ButtonGroupListItemProps[];
+    buttonGroupList: ButtonGroupListItemProps[][];
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupEditProps & React.RefAttributes<any>>>;
+export default _default;