@zgfe/business-lib 1.1.49 → 1.1.50-title.0

package/es/layout/optionTitle/layout.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { IconFont } from '../..';
+import BizEditText from './components/title';
+import './styles/layout.less';
+import BizBtnMenu from './components/btnMenu';
+var BizOptionLayout = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className;
+  var classPrefix = 'biz-option-layout';
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, " ").concat(className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-header")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-header-title")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-header-title-text")
+  }, props.backExtra || /*#__PURE__*/React.createElement("a", {
+    onClick: props.onBack,
+    className: "".concat(classPrefix, "-header-title-btn")
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "fanhuiicon"
+  }), "\u8FD4\u56DE")), /*#__PURE__*/React.createElement(BizEditText, {
+    ref: ref,
+    name: props.name,
+    value: props.value,
+    max: props.max,
+    isInput: props.isInput,
+    canEdit: props.canEdit,
+    onChange: props.onChange,
+    onService: props.onService
+  })), props.extra, /*#__PURE__*/React.createElement(BizBtnMenu, {
+    className: props.optionClass,
+    menu: props.options || []
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children));
+});
+export default BizOptionLayout;

package/es/layout/optionTitle/styles/index.less

@@ -0,0 +1,19 @@
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.biz-layout-panel {
+  /*更多按钮*/
+  &-btn-more {
+    width: @height-base;
+    height: @height-base;
+    color: @text-color-secondary;
+    font-size: 16px;
+    line-height: @height-base;
+    text-align: center;
+    border-radius: @border-radius-small;
+    transform: rotate(90deg);
+
+    &:hover {
+      .__default-hover();
+    }
+  }
+}

package/es/layout/optionTitle/styles/layout.less

@@ -0,0 +1,43 @@
+@import '~@zgfe/business-lib/es/assets/styles/variable.less';
+
+.biz-option-layout {
+  height: 100%;
+  background-color: #fff;
+  border-radius: @border-radius-normal;
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    height: 64px;
+    padding: 0 16px;
+    border-bottom: 1px solid @border-color-base;
+
+    &-title {
+      display: flex;
+      align-items: center;
+      &-text {
+        margin-right: @margin-md;
+        color: @text-color-secondary;
+      }
+      &-btn {
+        color: @text-color-secondary;
+        &:hover {
+          color: @primary-color;
+        }
+      }
+    }
+    &-option {
+      display: flex;
+      flex: 1;
+      flex-direction: row-reverse;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+
+  &-content {
+    width: 100%;
+    height: calc(100% - 64px);
+  }
+}

package/es/layout/optionTitle/styles/search.less

@@ -0,0 +1,27 @@
+@import '~@zgfe/business-lib/es/assets/styles/inner.less';
+
+.search-title {
+  display: flex;
+  align-items: center;
+  height: 24px;
+  transition: all 0.3s;
+
+  &-title {
+    margin-right: 15px;
+  }
+
+  &-input {
+    min-width: 100px;
+    max-width: 200px;
+    height: 24px;
+    background-color: #fff !important;
+    .ant-input {
+      background-color: #fff !important;
+    }
+  }
+
+  &-icon {
+    color: #5f6085;
+    font-size: 12px;
+  }
+}

package/es/layout/optionTitle/types.d.ts

@@ -0,0 +1,83 @@
+import React from 'react';
+export declare namespace BizOptionTitleProps {
+    export interface Props {
+        value: Value;
+        children: React.ReactNode;
+        afterEditTarget?: (type: string, value?: any) => void;
+    }
+    export interface Value {
+        panelId: number;
+        target: TargetValue;
+    }
+    export interface TargetValue {
+        id?: number;
+        name?: string;
+        params: Record<string, any>;
+        showList?: string[];
+    }
+    export interface LayoutProps extends CommonProps {
+    }
+    interface CommonProps extends TitleProps {
+        options?: BtnItem[];
+        optionClass?: string;
+        className?: string;
+        extra?: React.ReactNode;
+        backExtra?: React.ReactNode;
+        children?: React.ReactNode;
+        onBack?: () => void;
+    }
+    export enum OptionTypes {
+        SAVE = "save",
+        SAVE_AS = "saveAs",
+        DELETE = "delete",
+        CANCEL = "cancel",
+        EDIT = "edit",
+        CREATE = "create",
+        PANEL = "panel"
+    }
+    export interface OptionProps {
+        title?: string;
+        type?: string;
+        disabled?: boolean;
+        onClick: (type: OptionTypes) => void;
+    }
+    export interface TitleProps {
+        name?: string;
+        value?: string;
+        max?: number;
+        isInput?: boolean;
+        canEdit?: boolean;
+        required?: boolean;
+        width?: number;
+        onChange?: (value: string) => void;
+        onService?: (value: string, callback: Function) => void;
+    }
+    const BtnTypes: ['default', 'primary', 'ghost', 'dashed', 'link', 'text'];
+    const MenuItemTypes: ['button', 'dropdownBtn', 'dropdown', 'divider'];
+    export type BtnType = (typeof BtnTypes)[number];
+    export type MenuItemType = (typeof MenuItemTypes)[number];
+    type Merge<M, N> = Omit<M, Extract<keyof M, keyof N>> & N;
+    export interface CommonBtnProps {
+        key: string;
+        label: React.ReactNode;
+        type?: BtnType;
+        icon?: React.ReactNode;
+        disabled?: boolean;
+        loading?: boolean;
+        className?: string;
+        onClick?: () => void;
+    }
+    export type BtnItem = Merge<CommonBtnProps, {
+        itemType?: MenuItemType;
+        overlayClassName?: string;
+        children?: CommonBtnProps[];
+    }>;
+    export interface BtnMenuProps {
+        menu: BtnItem[];
+        className?: string;
+    }
+    export {};
+}
+export declare const BizTargetFromPanelContext: React.Context<{
+    handleSearch?: ((isSearch?: boolean) => void) | undefined;
+}>;

package/es/layout/optionTitle/types.js

@@ -0,0 +1,15 @@
+import { createContext } from 'react';
+export var BizOptionTitleProps;
+(function (BizOptionTitleProps) {
+  var OptionTypes;
+  (function (OptionTypes) {
+    OptionTypes["SAVE"] = "save";
+    OptionTypes["SAVE_AS"] = "saveAs";
+    OptionTypes["DELETE"] = "delete";
+    OptionTypes["CANCEL"] = "cancel";
+    OptionTypes["EDIT"] = "edit";
+    OptionTypes["CREATE"] = "create";
+    OptionTypes["PANEL"] = "panel";
+  })(OptionTypes = BizOptionTitleProps.OptionTypes || (BizOptionTitleProps.OptionTypes = {}));
+})(BizOptionTitleProps || (BizOptionTitleProps = {}));
+export var BizTargetFromPanelContext = /*#__PURE__*/createContext({});

package/es/layout/optionTitle/typesValue.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BizOptionTitleProps } from './types';
+export declare const Value: React.FC<BizOptionTitleProps.Value>;
+export declare const TargetValue: React.FC<BizOptionTitleProps.TargetValue>;

package/es/layout/optionTitle/typesValue.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export var Value = function Value() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+export var TargetValue = function TargetValue() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.1.49",
+  "version": "1.1.50-title.0",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -60,5 +60,5 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "6361edb0fa5ee1e61f241acf18617ace3b421d4f"
+  "gitHead": "1703cca49cd7f36d3137e4758cb363ed0cea078a"
 }