lodash#split JavaScript Examples

/**
 * 获取真正的 pathname 和 search
 * 有些 监听 到的 url 可能被 search 污染了, 需要把 search 剥离出去
 * 注意 有些 search 可能还是在 location 中，而不是在url， 所以 search 可能为空
 * @param {!String} pathname - url 地址
 */
function getLocation(pathname) {
  const [realPathname, search] = split(pathname, '?');
  return { pathname: realPathname, search };
}

/**
 * 从pathname中获取 tabKey
 * @param {!String} pathname - 切换的pathname
 */
function getTabKey(pathname) {
  return slice(split(pathname, '/'), 1);
}

getColumnsAndScrollX() {
    const { context, fields } = this.props;
    let columnsWidth = 0;
    let hasAutoWidth = false;
    const columns = map(fields, field => {
      const dealFieldProps = dealObjectProps(field, context);
      const componentProps = preProcessComponentProps({ field, context });
      const isAutoWidth = +dealFieldProps.width === 0; // autoWidth field
      const columnWidth =
        +dealFieldProps.width || getWidthFromWord({ word: field[fieldLabelProp] });
      const column = {
        dataIndex: field[fieldNameProp],
        title: field[fieldLabelProp],
        align: dealFieldProps.align,
        render: (_, record) => getDisplayValue({ field, dataSource: record, componentProps }),
      };
      if (isAutoWidth) {
        hasAutoWidth = true;
        columnsWidth += 120;
      } else {
        column.width = columnWidth;
        columnsWidth += columnWidth;
      }
      switch (field.componentType) {
        case 'LinkButton':
          column.render = (_, record) => {
            const btns = {};
            forEach(componentProps, (prop, propKey) => {
              set(btns, propKey, prop);
            });
            // todo 按钮按钮的顺序
            const linkBtns = [];
            forEach(btns, btnProps => {
              const { btnKey } = btnProps;
              const modalProps = {};
              let onBtnClick;
              switch (btnProps.action) {
                case actionCode.page:
                  // 打开 Modal 或 页面
                  switch (btnProps.openType) {
                    case openTypeCode.inner:
                      // 跳转
                      break;
                    case openTypeCode.modal:
                      // 打开 Modal
                      modalProps.type = openTypeCode.modal;
                      modalProps.bodyStyle =
                        openPageModalBodyStyle[btnProps.openPageTypeModal].bodyStyle;
                      modalProps.width = openPageModalBodyStyle[btnProps.openPageTypeModal].width;
                      modalProps.modalBtns = btnProps.modalBtns; // modal 按钮
                      // 订阅事件
                      if (btnProps.subEvents) {
                        forEach(btnProps.subEvents, subEvent => {
                          const [subEventListenStr, subEventActionStr] = split(
                            subEvent,
                            subEventSep
                          );
                          const subEventAction = getContextValue(context, subEventActionStr);
                          if (isFunction(subEventAction)) {
                            modalProps[subEventListenStr] = subEventAction;
                          }
                        });
                      }
                      break;
                    case openTypeCode.drawer:
                      // 打开 侧滑Modal
                      modalProps.type = openTypeCode.drawer;
                      modalProps.width = btnProps.openPageTypeDrawer;
                      modalProps.modalBtns = btnProps.modalBtns; // modal 按钮
                      // 订阅事件
                      if (btnProps.subEvents) {
                        forEach(btnProps.subEvents, subEvent => {
                          const [subEventListenStr, subEventActionStr] = split(
                            subEvent,
                            subEventSep
                          );
                          const subEventAction = getContextValue(context, subEventActionStr);
                          if (isFunction(subEventAction)) {
                            modalProps[subEventListenStr] = subEventAction;
                          }
                        });
                      }
                      break;
                    default:
                      break;
                  }
                  onBtnClick = e => {
                    e.preventDefault();
                    const params = {};
                    const {
                      history: { search },
                    } = this.props;
                    const urlParams = querystring.parse(search);
                    const paramStream = (btnProps.params || '').split(',');
                    for (let i = 1; i <= paramStream.length; i++) {
                      if (i % 3 === 0) {
                        switch (paramStream[i - 2]) {
                          case paramTypeCode.fixParam:
                            params[paramStream[i - 3]] = paramStream[i - 1];
                            break;
                          case paramTypeCode.urlParam:
                            params[paramStream[i - 1]] = urlParams[paramStream[i - 3]];
                            break;
                          case paramTypeCode.columnParam:
                            params[paramStream[i - 1]] = record[paramStream[i - 3]];
                            break;
                          default:
                            break;
                        }
                      }
                    }
                    this.setState({
                      pageModalProps: {
                        pageCode: btnProps.pageCode,
                        ...modalProps,
                      },
                    });
                    if (this.pageModalRef) {
                      this.pageModalRef.init(params);
                      this.pageModalRef.show();
                    }
                  };
                  break;
                case actionCode.action:
                  // 自定义动作
                  onBtnClick = () => {
                    if (btnProps.actionEvent === internalFuncsInfo.lineRemove.code) {
                      this.handleLineRemove(record).catch((/* e */) => {
                        // console.error(e);
                      });
                    }
                  };
                  // Table 的动作, 删除行 ...
                  // 其他事件
                  break;
                default:
                  break;
              }
              linkBtns[btnProps.orderSeq] = {
                key: btnKey,
                ele: (
                  <a onClick={onBtnClick} style={linkButtonStyle}>
                    {btnProps.title}
                  </a>
                ),
                len: (btnProps.title && btnProps.title.length) || 4,
                title: btnProps.title || null,
              };
            });
            return operatorRender(linkBtns.filter(Boolean));
          };
          break;
        default:
          break;
      }
      return column;
    });
    if (hasAutoWidth) {
      return { columns };
    }
    return {
      scroll: { x: columnsWidth },
      columns,
    };
  }

renderToolbarFields({ fields = [], context }) {
    return map(fields, field => {
      // 获取组件不依赖 Context 的属性
      // 获取对应的组件
      const ComponentType = getBtnType({ field });
      const { componentProps, btn: btnProps = {} } = dealButtonProps({ field, context });
      const buttonProps = {};
      switch (btnProps.action) {
        case ACTION_CODE.action:
          buttonProps.onClick = () => {
            const { actionEvent } = btnProps;
            const func = getContextValue(context, actionEvent);
            if (isFunction(func)) {
              func().catch((/* e */) => {
                // todo 失败不需要做事情?
                // console.error(e);
              });
            }
          };
          break;
        case ACTION_CODE.page:
          buttonProps.onClick = () => {
            const modalProps = {};
            const params = {};
            const {
              history: { search },
            } = this.props;
            const urlParams = querystring.parse(search);
            const paramStream = (btnProps.params || '').split(',');
            for (let i = 1; i <= paramStream.length; i++) {
              if (i % 3 === 0) {
                switch (paramStream[i - 2]) {
                  case PAGE_PARAM.fixParam:
                    params[paramStream[i - 3]] = paramStream[i - 1];
                    break;
                  case PAGE_PARAM.urlParam:
                    params[paramStream[i - 1]] = urlParams[paramStream[i - 3]];
                    break;
                  default:
                    break;
                }
              }
            }
            // 打开 Modal 或 页面
            switch (btnProps.openType) {
              case openTypeCode.inner:
                // 跳转
                break;
              case openTypeCode.modal:
                // 打开 Modal
                modalProps.type = openTypeCode.modal;
                modalProps.bodyStyle = openPageModalBodyStyle[btnProps.openPageTypeModal].bodyStyle;
                modalProps.width = openPageModalBodyStyle[btnProps.openPageTypeModal].width;
                modalProps.modalBtns = btnProps.modalBtns; // modal 按钮
                // 订阅事件
                if (btnProps.subEvents) {
                  forEach(btnProps.subEvents, subEvent => {
                    const [subEventListenStr, subEventActionStr] = split(subEvent, subEventSep);
                    const subEventAction = getContextValue(context, subEventActionStr);
                    if (isFunction(subEventAction)) {
                      modalProps[subEventListenStr] = subEventAction;
                    }
                  });
                }
                break;
              case openTypeCode.drawer:
                // 打开 侧滑Modal
                modalProps.type = openTypeCode.drawer;
                modalProps.width = btnProps.openPageTypeDrawer;
                modalProps.modalBtns = btnProps.modalBtns; // modal 按钮
                // 订阅事件
                if (btnProps.subEvents) {
                  forEach(btnProps.subEvents, subEvent => {
                    const [subEventListenStr, subEventActionStr] = split(subEvent, subEventSep);
                    const subEventAction = getContextValue(context, subEventActionStr);
                    if (isFunction(subEventAction)) {
                      modalProps[subEventListenStr] = subEventAction;
                    }
                  });
                }
                break;
              default:
                break;
            }
            this.setState({
              pageModalProps: {
                pageCode: btnProps.pageCode,
                ...modalProps,
              },
            });
            if (this.pageModalRef) {
              this.pageModalRef.init(params);
              this.pageModalRef.show();
            }
          };
          break;
        default:
          break;
      }
      // TODO Button 的显示属性 最后看在哪里处理
      if (!componentProps.children && componentProps.text) {
        componentProps.children = componentProps.text;
      } else {
        // use [fieldLabelProp] as Button's text
        componentProps.children = field[fieldLabelProp];
      }
      return (
        <React.Fragment key={field[fieldNameProp]}>
          {React.createElement(ComponentType, { ...componentProps, ...buttonProps })}
        </React.Fragment>
      );
    });
  }