@zgfe/business-lib 1.0.29 → 1.0.30

package/es/attributeSelector/option.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { IconFont } from '..';
 import { util } from '../utils';
+import { getIcon } from './util';
 
 var Option = function Option(props) {
   var option = props.option,
@@ -28,6 +29,28 @@ var Option = function Option(props) {
     });
   }
 
+  function renderIcon(option) {
+    var icon = '';
+
+    if (option && option.name) {
+      icon = getIcon(option.name);
+    }
+
+    if (icon) {
+      return /*#__PURE__*/React.createElement(IconFont, {
+        className: "".concat(classPrefix, "-option-icon"),
+        family: "zhuge",
+        type: icon
+      });
+    }
+
+    icon = (option === null || option === void 0 ? void 0 : option.propCategory) === 'userProp' ? 'yonghushuxing' : (option === null || option === void 0 ? void 0 : option.propCategory) === 'eventProp' ? 'shijianshuxing1' : 'chufahuanjing';
+    return /*#__PURE__*/React.createElement(IconFont, {
+      className: "".concat(classPrefix, "-option-icon"),
+      type: icon
+    });
+  }
+
   if (group) {
     return /*#__PURE__*/React.createElement("div", {
       id: group.anchor,
@@ -42,10 +65,7 @@ var Option = function Option(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-option ").concat(checked ? 'active' : '', " ").concat(disabled ? 'disabled' : ''),
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(IconFont, {
-    className: "".concat(classPrefix, "-option-icon"),
-    type: "".concat((option === null || option === void 0 ? void 0 : option.propCategory) === 'userProp' ? 'yonghushuxing' : (option === null || option === void 0 ? void 0 : option.propCategory) === 'eventProp' ? 'shijianshuxing1' : 'chufahuanjing')
-  }), /*#__PURE__*/React.createElement("span", {
+  }, renderIcon(option), /*#__PURE__*/React.createElement("span", {
     title: (option === null || option === void 0 ? void 0 : option.alias) || (option === null || option === void 0 ? void 0 : option.label)
   }, getLabel((option === null || option === void 0 ? void 0 : option.alias) || (option === null || option === void 0 ? void 0 : option.label))));
 };

package/es/attributeSelector/util.d.ts

@@ -5,3 +5,4 @@ export default function convertAttributeData(store: {
     userPropList?: OldSystem.UserProp[];
     eventList?: OldSystem.EventGroup[];
 }): PropGroups;
+export declare function getIcon(name: string): string;

package/es/attributeSelector/util.js

@@ -81,4 +81,66 @@ export default function convertAttributeData(store) {
     };
   });
   return res;
+}
+export function getIcon(name) {
+  var hash = {
+    browser_brand: 'internet',
+    browser_version: 'internet',
+    website: 'web',
+    referer_url: 'web',
+    current_url: 'web',
+    country: 'region',
+    area: 'region',
+    city: 'region',
+    os: 'platform',
+    ov: 'platform',
+    resolution_h: 'platform',
+    resolution_l: 'platform',
+    first_referer_url: 'web',
+    ip: 'web',
+    utm_source: 'utm',
+    utm_medium: 'utm',
+    utm_campaign: 'utm',
+    utm_content: 'utm',
+    utm_term: 'utm',
+    version: 'overall',
+    channel: 'overall',
+    network: 'platform',
+    mccmnc: 'platform',
+    device_brand: 'overall',
+    device_model: 'overall',
+    event_duration: 'time',
+    first_visit_time: 'time',
+    last_visit_time: 'time',
+    visit_times: 'time',
+    duration: 'time',
+    name: 'personal',
+    app_user_id: 'personal',
+    zg_id: 'personal',
+    is_anonymous: 'type',
+    current_country: 'region',
+    current_area: 'region',
+    current_city: 'region',
+    current_app_version: 'overall',
+    current_app_channel: 'overall',
+    first_version: 'overall',
+    first_channel: 'overall',
+    current_device_brand: 'overall',
+    current_device_model: 'overall',
+    current_mccmnc: 'platform',
+    user_referer_url: 'web',
+    first_website: 'web',
+    first_utm_source: 'utm',
+    first_utm_medium: 'utm',
+    first_utm_campaign: 'utm',
+    first_utm_content: 'utm',
+    first_utm_term: 'utm',
+    current_browser_brand: 'internet',
+    current_browser_version: 'internet',
+    current_os: 'platform',
+    current_ov: 'platform',
+    current_resolution_h: 'platform',
+    current_resolution_l: 'platform'
+  };
+  return hash[name] ? 'icon-' + hash[name] : '';
 }

package/es/layout/detail/index.less

@@ -7,8 +7,7 @@
   margin: 0 auto;
   &-menu {
     flex: none;
-    padding-top: @padding-md;
-    padding-bottom: @padding-md - 2;
+    padding: @padding-sm 0;
     color: @text-color-secondary;
     a {
       margin-right: @margin-md;
@@ -20,7 +19,7 @@
   }
   &-content {
     flex: 1;
-    padding: @padding-sm @padding-lg @padding-lg @padding-lg;
+    padding: @padding-md @padding-lg @padding-lg @padding-lg;
     overflow-y: auto;
     background-color: @white;
     border-radius: @border-radius-normal;

package/es/select/index.js

@@ -186,7 +186,8 @@ var BizSelect = function BizSelect(props) {
       keyField: keyField,
       searchValue: searchValue,
       onChange: onChange,
-      ref: overlayRef
+      ref: overlayRef,
+      searchPlaceholder: props.searchPlaceholder
     })),
     disabled: props.disable,
     destroyPopupOnHide: props.destroyPopupOnHide,

package/es/select/overlay.js

@@ -202,7 +202,8 @@ var SelectOverlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   }, props.enableSearch && !props.multiple && /*#__PURE__*/React.createElement(BizSearchInput, {
     className: "".concat(classPrefix, "-search"),
-    onChange: onSearch
+    onChange: onSearch,
+    placeholder: props.searchPlaceholder || '请输入'
   }), dropdownExtra, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-list-panel")
   }, render()));

package/es/select/types.d.ts

@@ -42,6 +42,7 @@ export declare namespace BizSelectTypes {
         destroyPopupOnHide?: boolean;
         customLabel?: (node: ReactNode, option: Option) => ReactNode;
         onSearch?: (val: string) => void;
+        searchPlaceholder?: string;
     }
     interface OverlayProps {
         option?: Option;
@@ -58,6 +59,7 @@ export declare namespace BizSelectTypes {
         extra?: (option: Option) => ReactNode;
         onClick?: (option: Option) => void;
         customLabel?: (node: ReactNode, option: Option) => ReactNode;
+        searchPlaceholder?: string;
     }
 }
 export interface HandlerTypes {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/business-lib",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -58,5 +58,5 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "962950237f8a9c0f8868bffaa3462568313322ba"
+  "gitHead": "1da238f713122db09a8ef64f9e0a4fd249f900a9"
 }