@zgfe/business-lib 1.0.28 → 1.0.30-alpha.0

package/es/assets/iconfont/demo_index.html

@@ -474,9 +474,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'bsicon';
-  src: url('iconfont.woff2?t=1663134978675') format('woff2'),
-       url('iconfont.woff?t=1663134978675') format('woff'),
-       url('iconfont.ttf?t=1663134978675') format('truetype');
+  src: url('iconfont.woff2?t=1665732247069') format('woff2'),
+       url('iconfont.woff?t=1665732247069') format('woff'),
+       url('iconfont.ttf?t=1665732247069') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>

package/es/assets/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "bsicon"; /* Project id 2545884 */
-  src: url('iconfont.woff2?t=1663134978675') format('woff2'),
-       url('iconfont.woff?t=1663134978675') format('woff'),
-       url('iconfont.ttf?t=1663134978675') format('truetype');
+  src: url('iconfont.woff2?t=1665732247069') format('woff2'),
+       url('iconfont.woff?t=1665732247069') format('woff'),
+       url('iconfont.ttf?t=1665732247069') format('truetype');
 }
 
 .bsicon {

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/icon/iconFont.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
-import '../assets/iconfont/iconfont.css';
 interface Props extends IconFontProps {
     family?: string;
     size?: number;

package/es/icon/iconFont.js

@@ -11,7 +11,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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, { useMemo } from 'react';
-import '../assets/iconfont/iconfont.css';
 
 var IconFont = function IconFont(props) {
   var className = props.className,

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.28",
+  "version": "1.0.30-alpha.0",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -58,5 +58,5 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "3e84b18b041f5f9aa8c0ebaff4d149199d2cccca"
+  "gitHead": "2413963520046325cf1efe05bd0dd749680c37a6"
 }