@antdv/pro-field/es/components/IndexColumn/index.mjs

原子信息组件，统一 ProForm、ProTable、ProList、Filter 等组件里面的字段定义。

import { createVNode as _createVNode } from "vue";
import { useStyle } from "@antdv/pro-provider";
import { boolType, classNames, numberType } from "@antdv/pro-utils";
import { useConfigContextInject } from "ant-design-vue/lib/config-provider/context";
import { defineComponent } from "vue";
var stdin_default = defineComponent({
  name: "IndexColumn",
  props: {
    border: boolType(),
    index: numberType().isRequired
  },
  inheritAttrs: false,
  setup(props) {
    const {
      getPrefixCls
    } = useConfigContextInject();
    const className = getPrefixCls("pro-field-index-column");
    const {
      wrapSSR,
      hashId
    } = useStyle("IndexColumn", () => {
      return {
        [`.${className}`]: {
          "display": "inline-flex",
          "alignItems": "center",
          "justifyContent": "center",
          "width": "18px",
          "height": "18px",
          "&-border": {
            "color": "#fff",
            "fontSize": "12px",
            "lineHeight": "12px",
            "backgroundColor": "#314659",
            "borderRadius": "9px",
            "&.top-three": {
              backgroundColor: "#979797"
            }
          }
        }
      };
    });
    return () => {
      return wrapSSR(_createVNode("div", {
        "class": classNames(className, hashId.value, {
          [`${className}-border`]: props.border,
          "top-three": props.index > 3
        })
      }, [props.index]));
    };
  }
});
export {
  stdin_default as default
};